/*header.css*/

div.container-fixed{
    padding-left: 0;
    padding-right: 0;
}
.bottom .container{
    width: 1200px;
    padding:0;
}
.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.spread{
    border:1px solid #ccc;
    color:#999 !important;
    border-radius: 2px;
    padding:0 2px;
    font-size:10px !important;
}
.w100{
    max-width: 100px;
    display: inline-block;
    vertical-align: bottom;
}
.w120{
    max-width: 120px;
    display: inline-block;
    vertical-align: bottom;
}
.w130{
    max-width: 130px;
    display: inline-block;
    vertical-align: bottom;
}
.w150{
    max-width: 150px;
    display: inline-block;
    vertical-align: bottom;
}
.w160{
    max-width: 160px;
    display: inline-block;
    vertical-align: bottom;
}
.w200{
    max-width: 200px;
    display: inline-block;
    vertical-align: bottom;
}
.bei_box {
    text-align: center;
    padding-top: 20px;
}
.bei_box input {
    width: 200px;
    height: 30px;
    border:1px solid #A9A9A9;
    margin-top:5px;
}
.modal-blue .modal-footer {
    border-top: none;
    text-align: center;
    padding:15px;
}
.fa-question-circle-o {
    color: orange;
    font-size:14px;
}
.layui-layer-content {
    overflow: visible !important;
}
.add_div{
    display:none;
}
.modal-footer {
    text-align: center;
}
#edui_fixedlayer {
    z-index: 19891018 !important;
}
.hd{display:none}
.tooltip {
    position: absolute;
    z-index: 1000;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    filter: alpha(opacity=0);
    opacity: 0;
    line-break: auto;
}

.tooltip.in {
    filter: alpha(opacity=90);
    opacity: .9
}

.tooltip.top {
    padding: 5px 0;
    margin-top: -3px
}

.tooltip.right {
    padding: 0 5px;
    margin-left: 3px
}

.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px
}

.tooltip.left {
    padding: 0 5px;
    margin-left: -3px
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #555555;
    text-align: center;
    background-color: #FFFEED;
    border-radius: 4px;
    border: 1px solid #FDE9CD;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #FDE9CD
}

.tooltip.top-left .tooltip-arrow {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #FDE9CD
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #FDE9CD
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #FDE9CD
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #FDE9CD
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #FDE9CD
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #FDE9CD
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #FDE9CD
}

.btn-info {
    color: #fff;
    background: #3eb5f6;
    border-color: #3eb5f6;
}
.show_table{
    position: relative;
}
.website_info_table{
    left: 0;
    position: absolute;
    top: 100%;
    width:800px !important;
    max-width: 800px !important;
    z-index: 999;
}
.website_info_table th{
    background: #EAF7FC !important;
}
.website_info_table th,.website_info_table td{
    text-align:center;
    color:#777;
    border:1px solid #C6E5F5 !important;
}
.website_info_table td{
    background: #FFF;
}
.page-mini {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    float: right;
    margin:10px 10px 0 0 ;
}
.page-mini i{
    color:#1AA5E3;
}

.page-mini .disabled i{
    color:#CCCCCC;
}

.page-mini .left {
    border-right: 1px solid #ccc;
    color: #666;
    cursor: pointer;
    float: left;
    font-size: 14px;
    height: 100%;
    line-height: 23px;
    text-align: center;
    width: 25px;
}

.page-mini .right {
    color: #666;
    cursor: pointer;
    float: left;
    font-size: 14px;
    height: 100%;
    line-height: 23px;
    text-align: center;
    width: 25px;
}

.page-mini .disabled {
    color: #ccc;
    cursor: not-allowed;
}
.modal-blue .modal-header {
    padding: 5px 15px 5px 45px;
    background: #3eb5f6;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.modal-blue .close {
    opacity: 0.5;
    font-size: 28px;
}
.modal-blue .modal-title {
    text-align: center;
    color: #fff;
}
.modal-title {
    margin: 0;
    line-height: 1.8;
    font-size:18px;
}
header{
    min-width: 1200px;
}
header .top .container-fixed{
    background: #f1f3f7;
}
header .top{
    background: #f1f3f7;
}
header .top .pull-left{
    line-height: 40px;
    color: #4d4d4d;
    font-size: 14px;
}
header .top a{
    display: inline-block;
    line-height: 40px;
    color: #4d4d4d;
    font-size: 14px;
}
header .top li.active a{
    color: #38bdff;
}
header .top li{
    padding:  0 15px;
    position: relative;
    float: left;
}
header .top li:hover>a{
    color: #38bdff;
}
header .top ul li:last-child:after{
    display: none;
}

header .top .help{
    position: relative;
}
header .top ul li.help:hover ul{
    display: block;
}
header .top .help ul{
    position: absolute;
    background: #fff;
    top: 40px;
    right: 0;
    width: 150%;
    border: 1px solid #f1f3f7;
    display: none;
    z-index: 3;
}
header .top .help ul li:after{
    display: none;
}
header .top .help ul li a{
    line-height: 30px;
    width: 100%;
    padding: 0 5px;
    color: #666666;
    padding-left: 15px;
}
header .top .help ul li{
    width: 100%;
    padding: 0;
}
header .top .help ul li:hover a{
    color: #38bdff;
}
header .top li:after{
    width: 1px ;
    height: 50%;
    content: '';
    background: #d1d1d2;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
header .bottom{
    margin: 50px 0;
}
header .bottom .cen{
    border: 2px solid #38bdff;
    font-size: 0;
}
header .bottom .cen a{
    display: inline-block;
    width: 80px;
    line-height: 36px;
    background: #3ec7ff;
    font-size: 14px;
    color: #fff;
}
header .bottom .cen input{
    width: 305px;
    height: 36px;
    vertical-align: top;
    border: none;
    font-size: 14px;
    padding:  0 10px;
}
header .bottom .cen span{
    display: inline-block;
    line-height: 36px;
    width: 115px;
    font-size: 14px;
    color: #38bdff;
    vertical-align: top;
}
header .bottom .cen span i{
    color: #38bdff;
    margin-left: 14px;
}
header .bottom .cen span{
    position: relative;
    cursor: pointer;
}
header .bottom .cen span ul{
    position: absolute;
    top: 36px;
    width: 100%;
    border: 1px solid #f1f3f7;
    left: -2px;
    display: none;
    z-index: 10;
    background: #fff;
}
 header .bottom .cen span:hover ul{
    display: block;
}
header .bottom .cen span ul li a{
    background: #fff;
    color: #666666;
    font-size: 14px;
    line-height: 30px;
}
header .bottom .cen span ul li:hover a{
    color: #38bdff;
}
header .bottom .right{
    width: 160px;
    height: 40px;
    border: 1px solid #38bdff;
    position: relative;
}
header .bottom .right ul{
    position: absolute;
    top: 39px;
    width: calc(100% + 2px);
    left: -1px;
    background: #fff;
    border: 1px solid #f1f3f7;
    z-index: 2;
    display: none;
}
header .bottom .right:hover ul{
    display: block;
}
header .bottom .right ul li a{
    line-height: 30px;
    font-size: 14px;
    display:inline-block;
    width: 100%;
    text-align: left;
    padding-left: 10px;
    color: #666666;
}
header .bottom .right ul li:hover a{
    color: #fff;
    background: #38bdff;
}
header .bottom .right img{
    vertical-align: middle;
    margin-right: 10px;
}
header .bottom .right span{
    line-height: 38px;
    display: inline-block;
    vertical-align: middle;
    color: #38bdff;
    font-size: 16px;
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    -khtml-user-select: none; /*早期浏览器*/
    user-select: none;
}
header .bottom .right span i{
    margin-left: 10px;
}
header .bottom .left a{
    display: inline-block;
    line-height: 40px;
    height: 40px;
}
header .bottom .left a img{
    margin-top: -10px;
}
header .bottom .left h1{
    text-indent: -99999px;
    height:0;
}
.nav ul li{
    float: left;
    width: 105px;
}
.nav ul li{
    line-height: 36px;
	height: 36px;
    text-align: center;
}
.nav ul li:first-child{
    background: #36c1ff;
    width: 240px;
}
.nav ul li a{
    display: inline-block;
    width: 100%;
    line-height: 36px;
    font-size: 16px;
    color: #333;
	height: 36px;
}

.nav ul li:first-child a span{
    display: inline-block;
    line-height: 36px;
    color: #fff;
    vertical-align: middle;
}
.nav ul li:first-child a img{
    vertical-align: middle;
    margin-right: 20px;
}
.nav ul li:nth-child(n+2):hover a{
    color: #38bdff;
}
.nav ul li.active a{
    color: #38bdff;
}
footer{
    background: #1f1f24;
    padding: 45px 0 30px 0;
	min-width: 1200px;
}
footer .row{
    margin: 0;
    margin-bottom: 30px;
}
footer .row .col-md-2 p{
    color: #fff;
    font-size: 16px;
    margin-bottom: 30px;
}
footer .row .col-md-2{
    position: relative;
}
footer .row .col-md-2:after{
    content: '';
    width: 1px;
    height: 100%;
    background: #35353a;
    position: absolute;
    right: 30px;
    top: 0;
}
footer .row .col-md-2:last-child:after{
    display: none;
}
footer .row .col-md-2:last-child{
    text-align: right;
}
footer .row .col-md-2:last-child p{
    padding-right: 24px;
}
footer .row .col-md-2:nth-child(n+2){
    padding-left: 30px;
}
footer .row .col-md-2 ul li a{
    color: #949495;
    font-size: 14px;
    line-height: 28px;
}
footer .row .col-md-2 ul li a:hover{
    color: #38bdff;
}
footer .copyright{
    margin-top: 20px;
    text-align: center;
}
footer .copyright p{
    line-height: 28px;
    color: #646464;
}
.fixed{
    position: fixed;
}
.celan{
    top: 50%;
    right: 0;
}
.celan ul li{
    width: 38px;
    height: 38px;
    float: right;
    clear: both;
    margin-bottom: 1px;
    text-align: center;
    transition: all linear .2s;
    position: relative;
    overflow: hidden;
    border-radius: 2px;
}
.celan ul li a{
    position: absolute;
    right: 0;
    display: inline-block;
    line-height: 38px;
    width: 120px;
    background: #8d8d8d;
    transition: all linear .2s;
    border-radius: 2px;
}
.celan ul li span{
    color: #fff;
    line-height: 38px;
    font-size: 14px;
    margin: 0 5px;
    display: inline-block;
    vertical-align: middle;
    width: 65px;
    text-align: center;
}

.celan ul li img{
    vertical-align: middle;
}
.celan ul li:hover{
    width: 120px;
}
.celan ul li:hover a{
    background: #38bdff;
}
 .left_celan {
    top: 91%;
    left: 50%;
    margin-left: -705px;
    transition: all linear .5s;
}
.left_celan ul li a{
    line-height: 38px;
    font-size: 14px;
    color: #666;
    display: inline-block;
    width: 98px;
    text-align: center;
    background: #fff;
}
.left_celan ul li{
    border: 1px solid #f1f3f7;
    border-bottom: 0;

}
.left_celan ul li:hover a{
    background: #38bdff;
    color: #fff;
}
.footer_img ul li{
    float: left;
    padding: 10px;
}
.footer_img ul li img{
    height: 40px;
}
.footer_img{
    position: relative;
    height: 60px;
    overflow: hidden;
}
.footer_img ul{
    position: absolute;
    top: 0;
    left: 0;
}

.bg_fa{
    background: #EDF0F2;
}
.bg_ff{
    background: #fff;
}
.bx-mb-nav{
    line-height: 50px;
    border-bottom: none;
}
.bx-mb-nav p{
    line-height: 50px;
}
.bx-mb-nav *{
    vertical-align: middle;
    color: #666666;
}
.bx-mb-nav img{
    margin-right: 5px;
}
.bx-mb-nav a{
    color: #666666;
}
.bx-mb-nav a:hover{
    color: #43cafe !important;
}

input[type='checkbox']{
    width: 15px;
    height: 15px;
    background-color: #fff;
    -webkit-appearance:none;
    border: 1px solid #c9c9c9;
    border-radius: 2px;
    outline: none;
    vertical-align: middle;
    margin: 0;
    cursor: pointer;
}
input[type=checkbox]:checked{
    background: url("../image/checked.png")no-repeat center;
 }

.baidu-icon{
	display: inline-block;
	width: 50px;
	height: 24px;
	border: 1px solid #eee;
	font-size: 0;
	border-radius: 3px;
	vertical-align: middle;
	text-align: center;
	padding: 0 !important;
}
.baidu-icon img{
	vertical-align: middle;
}
.baidu-icon span{
	display: inline-block;
	line-height: 22px;
	vertical-align: middle;
	font-size: 14px;
	margin-left: 10px !important;
	color: #666666;
}
input[type="radio"]{
	display: inline-block;
	width: 16px !important;
	height: 16px !important;
	border-radius: 8px;
	background-color: transparent;
	border: 2px solid #c9c9c9 !important;
}
input[type=radio] {
    margin-right: 5px;
    cursor: pointer;
    font-size: 14px;
    width: 15px;
    height: 12px;
    position: relative;
}
input[type=radio] + span{
	display: inline-block;
	line-height: 40px;
	font-weight: normal;
}

input[type=radio]{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;display: none;}
.lab{display:inline-block;background:url(../image/radio_no.png) no-repeat;margin-right:3px;cursor:pointer;background-position: left center;padding-left: 22px;}
.onCheck{background:url(../image/radio_on.png) no-repeat;background-position: left center;}



.banner{
    position: relative;
}
.banner .swiper-container{
    min-width: 1200px;
}
.banner .swiper-container img{
    /* height: 460px; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 1920px !important;
    max-width: inherit;
}
.banner .swiper-container .swiper-slide{
    position: relative;
    height: 460px;
    overflow: hidden;
}
.banner .swiper-pagination-bullet{
    width: 60px;
    height: 5px;
    background: rgba(255,255,255,.6);
    border-radius: 5px;
}
.banner .swiper-pagination-bullet-active{
    background: rgba(255,255,255,1);
}
.banner_menu{
    position: absolute;
    top: 0;
    left: 50%;
	margin-left: -600px;
    /* transform: translateX(-50%); */
    /* height: 460px; */
    z-index: 1;
}
.banner_menu .menu_left{
    width: 240px;
    height: 100%;
    height: 460px;
    position: absolute;
}
.banner_menu .menu_left ul{
    height: 100%;
}
.banner_menu .menu_left li{
    height: 25%;
    background: rgba(0,0,0,0.4);
    position: relative;
    border-bottom: 1px solid #273057;
}
.banner_menu .menu_left li a{
    display: inline-block;
    width: 100%;
    height: 100%;
    line-height: 115px;
    text-align: center;
    color: #fff;
    font-size: 16px;
}
.banner_menu .menu_left li .img_icon{
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url("../image/icon2.png");
    vertical-align: middle;
    margin-right: 20px;
}
.banner_menu .menu_left li:hover{
    background: #f3f3f3;
}
.banner_menu .menu_left li:hover a.menu{
    color: #38bdff;
}
.banner_menu .menu_left li:nth-child(2) .img_icon{
    background-position: -57px 0px;
}
.banner_menu .menu_left li:nth-child(3) .img_icon{
    background-position: -116px 0px;
}
.banner_menu .menu_left li:nth-child(4) .img_icon{
    background-position: -170px 0px;
}
.banner_menu .menu_left li:first-child:hover .img_icon{
    background-position: 0px 27px
}
.banner_menu .menu_left li:nth-child(2):hover .img_icon{
    background-position: -57px 27px
}
.banner_menu .menu_left li:nth-child(3):hover .img_icon{
    background-position: -116px 27px
}
.banner_menu .menu_left li:nth-child(4):hover .img_icon{
    background-position: -170px 27px
}
.banner_menu .menu_right{
    position: absolute;
    top: 0;
    left: 240px;
    background: #f3f3f3;
    z-index: 2;
    width: 680px;
    padding: 20px 10px;
    display: none;
}
.banner_menu li:nth-child(4) .menu_right,
.banner_menu li:nth-child(3) .menu_right{
    top: inherit;
    bottom: 0;
}
.banner_menu .menu_right ul{
    background: none;
}
.banner_menu .menu_right li{
    float: left;
    border-bottom: none;
    background: none;
    margin-bottom: 15px;
    border-right: 1px solid #dcdcdd;
    width: 110px;
    text-align: center;
}
.banner_menu .menu_right li:nth-child(6n+6){
    border-right: none;
}
.banner_menu .menu_right li a{
    font-size: 16px;
    color: #4d4d4d;
    display: inline;
    line-height: 1;
}
.banner_menu .menu_right li a:hover{
    color: #38bdff;
}
.banner_menu .menu_left li:hover .menu_right{
    display: block;
}
.banner_menu .vip_center{
    width: 220px;
    height: 280px;
    background: #fff;
    position: absolute;
    right: 0;
    top: 102px;
    padding-top: 40px;
}
.vip_center .headPortrait{
    position: absolute;
    top: -35px;
    left: 75px;
    width: 70px;
    height: 70px;
    border-radius: 35px;
    overflow: hidden;
    border: 2px solid #f1f3f7;
}
.vip_center .welcome{
    font-size: 16px;
    text-align: center;
}
.vip_center .login li{
    float: left;
    width: 50%;
    text-align: center;
    margin-top: 20px;
}
.vip_center .login .nickname{
    text-align: center;
    width:100%;
    display:inline-block;
    padding:15px 0 5px 0 ;
}
.vip_center .login .nickname a{
    font-size:18px;

}
.vip_center .login li a{
    display: inline-block;
    border-radius: 5px;
    width: 60px;
    line-height: 30px;
    color: #38bdff;
    border: 1px solid #38bdff;
}
.vip_center .login li a:hover{
    background: #38bdff;
    color: #fff;
}
.vip_center .tabs{
    margin-top: 20px;
}
.vip_center .tabs>ul li{
    float: left;
    width: 50%;
    text-align: center;
    border-top: 2px solid #f1f3f7;
}
.vip_center .tabs>ul li a{
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    line-height: 40px;
}
.vip_center .tabs>ul li.active{
    border-top: 2px solid #38bdff;
    position: relative;
}
.vip_center .tabs>ul li.active:before{
    content: '';
    width: 0;
    height: 0;
    border: 5px solid;
    border-color: #38bdff transparent transparent transparent;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.vip_center .tabs>ul li.active a{
    color: #38bdff;
}
.vip_center .tabs>ul li:hover a{
    color: #38bdff;
}
.vip_center .tabs .tab-content{
    padding: 0 20px;
}
.vip_center .tabs .tab-content li a{
    display: inline-block;
    line-height: 23px;
    font-size: 14px;
    color: #666666;
    padding-left: 10px;
    position: relative;
}
.vip_center .tabs .tab-content li a:before{
    content: '';
    width: 5px;
    height: 5px;
    background: #666666;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    margin-top: -2px;
    left: 0;
}
.data{
    background: #fff;
}
.data li{
    float: left;
    width: 25%;
    line-height: 60px;
    font-size: 16px;
    color: #666666;
}
.data li img{
    vertical-align: middle;
    margin-right: 10px;
}
.data li a{
    color: #666666;
    display: inline-block;
    line-height: 60px;
    font-size: 14px;
}
.data li a span{
    font-size: 18px;
    color: #1a1a1a;
    vertical-align: middle;
}
.block{
    background: #EDF0F2;
    padding-top: 30px;
    min-width: 1200px;
}
.block .container-fixed{
    box-shadow: 0px 0px 20px 0px #eceff5;
}
.block5,.block6,footer{
    min-width: 1200px;
}
.home .block .left{
    width: 280px;
    height: 370px;
    padding: 30px;
    color: #fff;
}
.home .block1 .left{
    background: url("../image/tuwen.png") no-repeat;
}
.home .block2 .left{
    background: url("../image/youlian.png") no-repeat;
}
.home .block3 .left{
    background: url("../image/wzjy.png") no-repeat;
}
.block4 .left{
    background: url("../image/rwzmt.png") no-repeat;
}
.block .left h2{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}
.block .left a.more{
    display: inline-block;
    width: 118px;
    line-height: 38px;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    font-size: 14px;

}
.block .left a.more i{
    font-size: 14px;
}
.block .left p:nth-child(2){
    font-size: 14px;
    margin-bottom: 30px;
}
.block .left p:nth-child(4){
    font-size: 16px;
    color: rgba(255,255,255,0.8);
    margin-bottom: 120px;
}
.block .cen{
    width: 218px;
    height: 370px;
    border-right: 1px solid #f1f3f7;
    background: #fff;
}
.block .cen .top{
    width: 100%;
    height: 100px;
    position: relative;
    border-bottom: 1px solid #f1f3f7;
}
.block .cen .top img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.block .cen .middle li{
    float: left;
    width: 50%;
    border-bottom: 1px solid #f1f3f7;
    border-left: 1px solid #f1f3f7;
    font-size: 0;
}
.block .cen .middle li a{
    line-height: 48px;
    display: inline-block;
    text-align: center;
    width: 100%;
    color: #4d4d4d;
    font-size: 14px;
}
.block .cen .middle li a:hover {
    color: #ff4040;
}
.block .cen .bottom{
    padding: 20px;
}
.block .cen .bottom li{
    float: left;
    width: 50%;
    padding-left: 10px;
    position: relative;
}
.block .cen .bottom li:before{
    content: '';
    width: 4px;
    height: 4px;
    background: #4d4d4d;
    border-radius: 2px;
    position: absolute;
    top: 50%;
    margin-top: -2px;
    left: 0;
}
.block .cen .bottom li a{
    display: inline-block;
    line-height: 27px;
    font-size: 14px;
    color: #4d4d4d;
}
.block .cen .bottom li a:hover{
    color: #ff4040;
}
.block .right{
    width: calc(100% - 498px);
    height: 370px;
    background: #fff;
    padding: 0 10px;
}
.block .right .top .pull-right a{
    line-height: 39px;
    color: #ccc;
    font-size: 14px;
    display: inline-block;
}
.block .right .top .pull-right a:hover{
    color: #38bdff;
}
.block .right .top .pull-left li{
    float: left;
    border-right: 1px solid #f1f3f7;
    border-bottom: 1px solid transparent;
}
.block .right .top .pull-left li a{
    font-size: 16px;
    color: #4d4d4d;
    line-height: 39px;
    padding: 0 20px;
}
.block .right .top .pull-left li a:hover{
    color: #ff4040;
}
.block .right .top .pull-left li.active{
    border-bottom: 1px solid #ff4040;
}
.block .right .top .pull-left li.active a{
    color: #ff4040;
}
.block .right .bottom table{
    width: 100%;
    border-collapse: collapse;
    border-spacing:0;
    border: 0;
}
.block .right .bottom table tr td{
    border-right: 0;
    border-left: 0;
}
.block .right .bottom table tr:nth-child(odd){
    background: #f7f9fc;
}
.block .right .bottom table tr:first-child td{
    color: #4d4d4d;
}
.block .right .bottom table tr{
    height: 40px;
}
.block .right .bottom table tr td{
    color: #4d4d4d;
}
.block .right .bottom table tr td a{
    color: #4d4d4d;
}
.block .right .bottom table tr td:last-child a{
    border: 1px solid #ff4040;
    color: #ff4040;
    display: inline-block;
    padding: 1px 12px;
    border-radius: 3px;
    transition: all linear .3s;
}
.block .right .bottom table tr td:first-child a:hover{
    color: #ff4040;
}
.block .right .bottom table tr td:last-child a:hover{
    color: #fff;
    background: #ff4040;
}
.block .right .bottom table .bdsl a>span{
    display: inline-block;
    border: 1px solid #f1f3f7;
    padding: 1px 7px;
    border-radius: 5px;
}
.block .right .bottom table .bdsl a>span>img{
    vertical-align: middle;
    margin-right: 5px;
}
.block .right .bottom table .bdsl a>span>span{
    vertical-align: middle;
}
.block3 .right{
    width: calc(100% - 280px);
}
.block4 .cen .bottom{
    padding: 0;
}
.block4 .cen .bottom p{
    text-align: center;
    border-bottom: 1px solid #f1f3f7;
}
.block4 .cen .bottom p a{
    display: inline-block;
    line-height: 38px;
    font-size: 14px;
}
.block4 .cen .bottom p:nth-child(3){
    border-top: 1px solid #f1f3f7;
}
.block4 .cen .bottom ul{
    padding: 10px 20px ;
}
.home .block5{
    padding-top: 30px;
    background: #EDF0F2;
}
.home .block5 .content{
    background: #fff;
    padding: 30px;
}
.block5 .title h2{
    font-size: 20px;
    color: #1a1a1a;
    font-weight: bold;
    margin-bottom: 20px;
}
.block5 .title p{
    color: #ccc;
    font-size: 14px;
}
.block5 .title{
    position: relative;
}
.block5 .title .more2 {
    position: absolute;
    display: inline-block;
    padding: 0 20px;
    line-height: 40px;
    right: 0;
    top: -10px;
    font-size: 14px;
}
.block5 .title .more2:hover{
    color: #ff4040;
}
.block5 .zzzx li{
    float: left;
    padding: 0 15px;
}
.block5 .zzzx{
    position: relative;
    top: -30px;
}
.block5 .zzzx li a{
    font-size: 16px;
    color: #4d4d4d;
}
.block5 .zzzx li.active a{
    color: #38bdff;
}
.block5 .tab-content .left{
    width: 420px;
}
.block5 .tab-content .left a{
    display: block;
    position: relative;
    height:235px;
}
.block5 .tab-content .left a p{
    position: absolute;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 14px;
    left: 0;
    bottom: 15px;
    padding: 0 10px;
}
.block5 .tab-content .right{
    width: 525px;
}
.block5 .tab-content .right{
    width: 710px;
}
.block5 .tab-content .right li a{
    display: inline-block;
    width: 100%;
}
.block5 .tab-content .right li a p.title{
    font-size: 16px;
    color: #4d4d4d;
    margin-bottom: 15px;
}
.block5 .tab-content .right li:hover a p.title{
    color: #38bdff;
}
.block5 .tab-content .right li a p.text{
    font-size: 14px;
    line-height: 28px;
    color: #a1a1a1;
}
.block5 .tab-content .right li:first-child a p.text{
    margin-bottom: 15px;
}
.block5 .tab-content .right li:first-child{
    border-bottom: 1px dashed #f1f3f7;
    margin-bottom: 15px;
}
.home .block6{
    padding-top: 30px;
    background: #EDF0F2;
    padding-bottom: 30px;
}
.home .block6 .container-fixed{
    padding: 30px;
    background: #fff;
}
.block6 .title h2{
    font-size: 18px;
    color: #4d4d4d;
    font-weight: bold;
    margin-bottom: 15px;
}
.block6 .content li{
    float: left;
}
.block6 .content li a{
    font-size: 14px;
    color: #666666;
    display: inline-block;
    line-height: 24px;
    padding-right: 50px;
}
.block6 .content li a:hover{
    color: #38bdff;
}



/*poster.css*/

.bx-mb-nav{
    line-height: 50px;
}
.bx-mb-nav p{
    line-height: 50px;
    width: 295px;
}
.bx-mb-nav .choice{
    margin-left: 15px;
}
.bx-mb-nav .choice li{
    line-height: 28px;
    border: 1px solid #ff9800;
    font-size: 0;
    margin-right: 15px;
    margin-top: 25px;
}
.bx-mb-nav .container-fixed>a{
	color: #666666;
}
.bx-mb-nav .choice li span{
    line-height: 28px;
    padding: 0 13px;
    display: inline-block;
    font-size: 14px;
    color: #666666;
}
.bx-mb-nav .choice li span.pull-right{
    color: #ff9800;
    transition: all linear .3s;
}
.bx-mb-nav .choice li span.pull-right:hover{
    background: #ff9800;
    color: #fff;
}
.bx-mb-nav .choice a{
    color: #666;
}
.poster .block1 .left {
    width: 280px;
}
.poster .block1 .left .title{
    position: relative;
}
.poster  .block1 .left .title .text{
    position: absolute;
    color: #fff;
    text-align: center;
    top: 35px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}
.poster .block1 .left .title h1{
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}
.block1 .left .title h3{
    font-size: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.poster .block1 {
    padding-bottom: 15px;
}

.poster .block1 .right{
    width: calc(100% - 295px);
    padding: 20px;
	min-height: 430px;
}
.poster .block1 .right li{
    line-height: 42px;
    border-bottom: 1px solid #f4f4f4;
}

.block1 .right li p{
    font-size: 14px;
    white-space: nowrap;
}
.block1 .right li p span{
    color: #333333;
    display: inline-block;
}
.block1 .right li a{
    display: inline-block;
    padding: 0 8px;
    line-height: 22px;
    transition: all linear .3s;
    border-radius: 3px;
}
.poster .block1 .right li a.more{
    color: #36c1ff;
}
.poster .block1 .right li a:hover{
    color: #fff;
    background: linear-gradient(to right, #4fd2fe,#37c2ff);
}
.block1 .right li a.active{
    color: #fff;
    background: linear-gradient(to right, #4fd2fe,#37c2ff);
}
.block1 .right li p>span:first-child{
    display: inline-block;
    width: 70px;
    text-align-last: justify;
}
.block1 .right li a *{
    vertical-align: middle;
}
.block1 .right li a img{
    height: 14px;
}
.block1 .right li.weight a{
    border: 1px solid #f1f1f1;
    border-radius: 3px;
    margin: 0 5px;
}
.block1 .right li.weight a:nth-child(2){
    margin-left: 0;
    border: none;
}
.block1 .right li.weight a span{
    margin-left: 3px;
}
.block1 .right li.weight a:hover{
    border-color: #39c3ff;
    background: none;
}
.block1 .right li.weight a:nth-child(2):hover{
    background: linear-gradient(to right, #4fd2fe,#37c2ff);
    border: none;
}

.block2 .bottom .lie1 {
    border-bottom: 1px solid #eeeeee;
    line-height: 53px;
    border-top: 2px solid #36c1ff;
}
.block2 .bottom .lie1 .pull-left img{
    vertical-align: middle;
}
.block2 .bottom .lie1 .pull-left span{
    vertical-align: middle;
    font-size: 14px;
}
.block2 .bottom .lie1 .left0{
    width: 50px;
    text-align: center;
}
.poster .block2 .bottom .lie1 .left1{
    width: 475px;
    text-align: center;
}
.poster .block2 .bottom .lie1 .left2{
    width: 195px;
}
.poster .block2 .bottom .lie1 .left3{
    width: 170px;
}
.poster .block2 .bottom .lie1 .left4{
    width: 160px;
}
.poster .block2 .bottom .lie1 .left5{
    width: 140px;
}
.block2 .bottom .lie1 .pull-left{
    position: relative;
}

.block2 .bottom .lie1 .pull-left .tip_box p{
    line-height: 18px;
    font-size: 12px;
    white-space: nowrap;
    text-align: left;
    color: #737372;
}
.block2 .bottom .lie1 .pull-left a:hover .tip_box{
    display: block;
}
.block2 .bottom .lie1 .pull-left:last-child .tip_box{
    left: inherit;
    right: 0;
    transform: none;
}
.lie2 .left2-1{
    width:50px;
    text-align: center;
    line-height: 124px;
}
.poster .lie2>ul>li{
    padding: 20px  0;
    margin-bottom: 10px;
}
.lie2 .left2-2{
    width: 160px;
}
.lie2 .left2-2 .img-box{
    width: 155px;
    height: 124px;
    border: 1px solid #eeeeee;
    position: relative;
	padding: 3px;
}
.lie2 .left2-2 .img-box img{
    width: 100%;
	height: 100%;
/*    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%); */
}
.lie2 .left2-3{
    width: 310px;
    padding: 0 20px 0 30px;
}
.lie2 .left2-3 .title span:first-child{
    display: inline-block;
    line-height: 22px;
    padding: 0 5px;
    background: #e2f6ff;
    border: 1px solid #8edcff;
    border-radius: 3px;
    color: #36c1ff;
    font-size: 12px;
}
.lie2 .left2-3 .title span:nth-child(2) a{
    font-size: 16px;
    color: #333;
    margin-left: 10px;
}
.lie2 .left2-3 .title span:nth-child(2) a:hover{
    color: #36c1ff;
}
.lie2 .left2-3 .link_box .link{
    color: #333;
    font-size: 14px;
    margin-right: 20px;
}
.lie2 .left2-3 .link_box{
    color: #666;
    line-height: 40px;
}
.lie2 .left2-3 .link_box a{
    color: #666;
    line-height: 40px;
}
.lie2 .left2-3 .link_box a:hover{
    color: #36c1ff;
}
.lie2 .left2-3 .weight_box{
    color: #666;
    font-size: 14px;
}
.lie2 .left2-3 .weight_box .weight *{
    vertical-align: middle;
}
.lie2 .left2-3 .weight_box .weight:hover{
    border-color: #36c1ff;
}
.lie2 .left2-3 .weight_box .weight:nth-child(2){
    margin-right: 15px;
}
.lie2 .left2-3 .included{
    font-size: 14px;
    color: #666;
}
.poster .lie2 .left2-3 .included span:first-child{
    display: inline-block;
    width: 136px;
}
.poster .lie2 .left2-4{
    margin-top: 10px;
    width: 660px;

    padding: 10px;
}
.lie2 .left2-4 .pull-left p{
    line-height: 40px;
    font-size: 14px;
    color: #666666;
}
.lie2 .left2-4 .left3-1{
    width: 185px;
}
.lie2 .left2-4 .left3-2{
    width: 170px;
}
.lie2 .left2-4 .left3-2 .home{
    color: #36c1ff;
}
.lie2 .left2-4 .left3-2 .all_web{
    color: #00ba23;
}
.lie2 .left2-4 .left3-3{
    width: 90px;
}
.lie2 .left2-4 .left3-3 .num{
    color: #ff4040;
}
.lie2 .left2-4 .left3-4{
    width: 186px;
}
.lie2 .left2-4 .left3-4 a{
    display: inline-block;
    line-height: 28px;
    color: #666666;
    padding: 0 10px;
    border: 1px solid #d1d1d1;
    border-radius: 3px;
}
.lie2 .left2-4 .left3-4 a:hover{
    color: #36c1ff;
}
.lie2 .left2-4 .left3-4 a.order{
    color: #36c1ff;
    border: 1px solid #36c1ff;
    margin-left: 10px;
    background: #FAFAFA;
}
.lie2 .left2-4 .left3-4 a.order:hover,.lie2 .left2-4 .left3-4 a.active{
    color: #fff;
	background: linear-gradient(to right,#4fd2fe,#36c1ff);
}
.left2-4 .more{
    text-align: center;
}
.left2-4 .more span{
    display: inline-block;
    width: 12px;
    height: 11px;
    background: url("../image/poster_icon2.png") no-repeat;
    cursor: pointer;
}
.left2-4 .more span.active{
    background-position: -27px 0;
}
.left2-4 {
    position: relative;
}
.left2-4 .tabs{
    position: absolute;
    width: 100%;
    top: 0;
    background: #fafafa;
    left: 0;
    padding: 10px;
}
.left2-4 ul.tabs li:nth-child(n+3){
    display: none;
}
.left2-4 .tabs.active{
    z-index: 20;
	box-shadow: 0px 0px 20px 5px #eeeeee;
}
.left2-4 .tabs.active .more .no_active{
    background-position: -27px 0;
}
.bulk{
    margin: 30px 0;
}
.bulk a{
    display: inline-block;
    line-height: 30px;
    padding: 0 10px;
    background: linear-gradient(to right, #4fd2fe, #36c1ff);
    border-radius: 5px;
    color: #fff;
	transition: all linear .2s;
}
.bulk a:hover{
	background: linear-gradient(to right, #41c0ff ,#41c0ff);
}
.bulk a:hover{
	background: #41c0ff;
}
.bulk a *{
    vertical-align: middle;
}
.pages{
    text-align: center;
    margin:30px 0;
}
.pages span{
    color: #666666;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}
.pages ul{
    display: inline-block;
    vertical-align: middle;
}
.pages ul .li{
    float: left;
    border: 1px solid #e4e4e4;
    background: #fff;
    margin-left: 10px;
    border-radius: 5px;
}
.pages ul .li a{
    line-height: 30px;
    display: inline-block;
    padding: 0 12px;
    color: #666666;
}
.pages ul  span.span{
    float: left;
    margin:  0 5px;
    display: inline-block;
    line-height:30px;
}
.pages ul .li:hover{
    background: linear-gradient(to right,#4dd1fe,#3ac4ff);
	border-color: transparent;
}
.pages ul .li:hover a{
    color: #fff;
}
.pages ul .li.active{
    background: linear-gradient(to right,#4dd1fe,#3ac4ff);
	border-color: transparent;
}
.pages ul .li.active a{
    color: #fff;
}
.pages ul .li input{
    height: 30px;
    width: 40px;
    border: none;
    outline: none;
    text-indent: 10px;
    border-radius: 5px;
    transition: all linear .2s;
    border: 1px solid transparent;
}
.pages ul .li input:hover{
    border: 1px solid #36c1ff;
}
.loading{
    min-height: 880px;
    text-align: center;
    padding-top: 95px;
    margin-bottom: 50px;

}
/* .loading img{
    animation: rotat linear 3s infinite;
}
@keyframes rotat{
    0%{
        transform: rotateZ(0deg);
    }
    100%{
        transform: rotateZ(360deg);
    }
} */
.no_data p{
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    margin-top: 10px;
    color: #666;
}
.block1 .classify li{
    float: left;
    border-bottom:none;
}
.block1 .classify ul{
    display: inline-block;
    width: 710px;
    height: 40px;
    transition: all linear .3s;
    overflow: hidden;
}
.block1 .classify ul li a{
    margin:  0 2px;
}
.block1 .right li a.more{
    margin-top: 10px;
}
.block1 .classify {
    font-size: 14px;
}
.block1 .classify>span{
    margin-left: 2px;
}

/*flikbuy.css*/

.flikbuy .block1 .left {
    width: 280px;
}
.flikbuy .block1 .left .title{
    position: relative;
}
.block1 .left .title .text{
    position: absolute;
    color: #fff;
    text-align: center;
    top: 35px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}
.block1 .left .title h1{
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}
.block1 .left .title h3{
    font-size: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.flikbuy .block1 {
    padding-bottom: 15px;
}

.flikbuy .block1 .left .hot{
    position: relative;
    margin-top: 20px;
    overflow: hidden;
}
.block1 .left .hot ul{
    position: absolute;
}
.block1 .left .hot ul li{
    font-size: 12px;
    color: #666666;
    line-height: 28px;
}
.block1 .left .hot ul li span.time{
    color: #666666;
    margin-right: 10px;
}
.block1 .left .hot ul li span.num{
    color: #ff4040;
}
.flikbuy .block1 .right{
    width: calc(100% - 295px);
    padding: 15px 20px 15px;
}
.flikbuy .block1 .right li{
    line-height: 40px;
    border-bottom: 1px solid #f4f4f4;
}
.block1 .right li:last-child{
    border-bottom: none;
}
.block1 .right li:last-child div>span:first-child{
    display: inline-block;
    width: 70px;
    text-align-last: justify;
    font-size:14px;
    color: #333;
}
.block1 .right li p{
    font-size: 14px;
    white-space: nowrap;
}
.block1 .right li p span{
    color: #333333;
    display: inline-block;
}
.block1 .right li a.active span{
    color:#FFFFFF;
}
.block1 .right li a{
    display: inline-block;
    padding: 0 8px;
    line-height: 22px;
    transition: all linear .3s;
    border-radius: 3px;
}
.block1 .right li a.orange{
    color: #ff9800;
}
.block1 .right li a.more{
    color: #36c1ff;
}
.flikbuy .block1 .right li a:hover{
    color: #fff;
    background: linear-gradient(to right, #4fd2fe,#37c2ff);
}
.block1  .right .classify li.active a{
    color: #fff;
    background: linear-gradient(to right, #4fd2fe,#37c2ff);
}
.flikbuy  .block1 .right li p>span:first-child{
    display: inline-block;
    width: 70px;
    text-align-last: justify;
}
.flikbuy  .block1 .right li a *{
    vertical-align: middle;
}



.block2 .bottom .lie1 {
    border-bottom: 1px solid #eeeeee;
    line-height: 53px;
    border-top: 2px solid #36c1ff;
}
.block2 .bottom .lie1 .pull-left img{
    vertical-align: middle;
}
.lie1 .pull-left span{
    vertical-align: middle;
    font-size: 14px;
}
.block2 .bottom .lie1 .left0{
    width: 50px;
    text-align: center;
}
.block2 .bottom .lie1 .pull-left{
    position: relative;
    text-align: center;
}
.block2 .bottom .lie1 .pull-left.left6 a,
.block2 .bottom .lie1 .pull-left.left7 a,
.block2 .bottom .lie1 .pull-left.left8 a{
	color: #666666;
}



.block2 .bottom .lie2{
    border-top: none;
}
.flikbuy .lie2 .left1 span{
    color:#666666;
}
.flikbuy .lie2 .left1 a:hover span{
    color: #36c1ff;
}
.flikbuy .lie1 .left1{
    width: 185px;
}
.flikbuy .lie1 .left1 .img{
    display: inline-block;
    width: 16px;
    height: 20px;
    background: url("../image/recommend.png") no-repeat;
    background-size: 100% 100%;
    vertical-align: middle;
    line-height: 17px;
    color: #fff !important;
    text-align: center;
	font-size: 12px;
}
.flikbuy .block2 .bottom .lie1 .pull-left.left1{
    text-align: left;
}
.flikbuy .block2 .bottom .lie1 .pull-left.left2{
    text-align: left;
}
.flikbuy .lie1 .left1 img{
	width: 16px;
}
.flikbuy .lie1 .pull-left {
    font-size: 14px;
    color: #666666;
}
.flikbuy .lie1 .left2{
    width: 80px;
}
.flikbuy .lie1 .left3{
    width: 100px;
}
.flikbuy .lie1 .left4{
    width: 100px;
}
.flikbuy .lie1 .left5{
    width: 100px;
}
.flikbuy .lie1 .left6{
    width: 85px;
}
.flikbuy .lie1 .left7{
    width: 85px;
}
.flikbuy .lie1 .left8{
    width: 55px;
}
.flikbuy .lie1 .left9{
    width: 85px;
}
.flikbuy .lie1 .left10{
    width: 125px;
}
.flikbuy .lie1 .left11{
    width: 70px;
}
.flikbuy .lie1 .left12{
    width: 80px;
}
.flikbuy .lie2 .weight{
    display: inline-block;
    line-height: 20px;
    border: 1px solid #f1f3f7;
    border-radius: 3px;
    padding: 0 8px;
}
.flikbuy .lie2  .weight:hover{
    border-color: #36c1ff;
}
.flikbuy .lie1 .left1 a:hover span:first-child{
    color: #36c1ff !important;
}

.flikbuy .lie1 .left11.jujue{
    color: #ff4040;
}
.flikbuy .lie1 .left11.jieshou{
    color: #40c352;
}
.flikbuy .lie1 .left12 a{
    display: inline-block;
    line-height: 28px;
    border: 1px solid #36c1ff;
    color: #36c1ff;
    padding:0 15px;
    border-radius: 3px;
}
.flikbuy .lie1 .left12 a:hover,.flikbuy .lie1 .left12 a.active{
    border-color: transparent;
    background: linear-gradient(to right,#4fd2fe,#37c2ff);
    color: #fff;
}
.flikbuy .lie2 .weight span{
    color: #666666 !important;
}
.bulk{
    margin: 30px 0;
}
.bulk a{
    display: inline-block;
    line-height: 30px;
    padding: 0 10px;
    background: linear-gradient(to right, #4fd2fe, #36c1ff);
    border-radius: 5px;
    color: #fff;
}
.bulk a:hover{
	background: linear-gradient(to right, #41c0ff ,#41c0ff);
}
.bulk a:last-child{
    margin-left: 15px;
}
.bulk a *{
    vertical-align: middle;
}

.loading{
    min-height: 880px;
    text-align: center;
    padding-top: 95px;
    margin-bottom: 50px;
}
.no_data p{
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    margin-top: 10px;
    color: #666;
}
.block1 .classify li{
    float: left;
    border-bottom:none;
}
.block1 .classify ul{
    display: inline-block;
    width: 710px;
    height: 40px;
    transition: all linear .3s;
    overflow: hidden;
}
.block1 .classify ul li a{
    margin:  0 2px;
}
.block1 .right li a.more{
    margin-top: 10px;
}
.block1 .classify {
    font-size: 14px;
}
.block1 .classify>span{
    margin-left: 2px;
}



.bx-mb-nav .choice li span.pull-right{
    color: #ff9800;
    transition: all linear .3s;
}
.bx-mb-nav .choice li span.pull-right:hover{
    background: #ff9800;
    color: #fff;
}
.bx-mb-nav .choice a{
    color: #666;
}
.block1 .left {
    width: 280px;
}
.block1 .left .title{
    position: relative;
}
.block1 .left .title .text{
    position: absolute;
    color: #fff;
    text-align: center;
    top: 35px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}
.block1 .left .title h1{
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}
.block1 .left .title h3{
    font-size: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.softwen .block1 {
    padding-bottom: 15px;
}
.block1 .left .title a{
    display: inline-block;
    width: 90px;
    line-height: 28px;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    font-size: 14px;
}
.block1 .left .content{
    padding: 30px 10px 25px;
}
.block1 .left .content h3{
    color: #333;
    text-align: center;
    font-size: 18px;
    margin-bottom: 10px;
}
.block1 .left .content p{
    font-size: 14px;
    color: #666;
    text-align: center;
}
.block1 .left .hot{
    height: 176px;
    position: relative;
    margin-top: 20px;
    overflow: hidden;
}
.block1 .left .hot ul{
    position: absolute;
    padding-left:5px;
}
.block1 .left .hot ul li{
    font-size: 12px;
    color: #666666;
    line-height: 28px;
}
.block1 .left .hot ul li span.time{
    color: #666666;
    margin-right: 10px;
}
.block1 .left .hot ul li span.num{
    color: #ff4040;
}
.softwen .block1 .right{
    width: calc(100% - 295px);
    padding: 20px;
	min-height: 430px;
}
.softwen .block1 .right li{
    line-height: 42px;
    border-bottom: 1px solid #f4f4f4;
}
.softwen .block1 .right li:last-child{
    border-bottom: none;
}
.softwen .block1 .right li:last-child>div>span:first-child{
	font-size: 14px;
}
.softwen .block1 .right li p{
    font-size: 14px;
    white-space: nowrap;
}
.softwen .block1 .right li p span{
    color: #333333;
    display: inline-block;
}
.softwen .block1 .right li a{
    display: inline-block;
    padding: 0 8px;
    line-height: 22px;
    transition: all linear .3s;
    border-radius: 3px;
}
.softwen .block1 .right li a.more{
    color: #36c1ff;
}
.softwen .block1 .right li a:hover{
    color: #fff;
    background: linear-gradient(to right, #4fd2fe,#37c2ff);
}
.softwen .block1 .right li.active a{
    color: #fff;
    background: linear-gradient(to right, #4fd2fe,#37c2ff);
}
.block1 .right li p>span:first-child{
    display: inline-block;
    width: 70px;
    text-align-last: justify;
}
.block1 .right li a *{
    vertical-align: middle;
}
.block1 .right li.weight a{
    border: 1px solid #f1f1f1;
    border-radius: 3px;
    margin: 0 5px;
}
.block1 .right li.weight a:nth-child(2){
    margin-left: 0;
    border: none;
}
.block1 .right li.weight a span{
    margin-left: 3px;
}
.block1 .right li.weight a:hover{
    border-color: #39c3ff;
    background: none;
}
.block1 .right li.weight a:nth-child(2):hover{
    background: linear-gradient(to right, #4fd2fe,#37c2ff);
    border: none;
}
.block1 .right li p input{
    display: inline-block;
    height: 22px;
    width: 74px;
    border-radius: 3px;
    border: 1px solid #efefef;
    font-size: 12px;
}



.block2 .top ul li{
    float: left;
    line-height: 42px;
    cursor: pointer;
}
.block2 .top ul li .a{
    display: inline-block;
    line-height: 20px;
    padding: 0 10px;
    border-right: 1px solid #f4f4f4;
}
.block2 .top ul li  span{
    vertical-align: middle;
    margin: 0 1px;
    color: #666666;
    font-size: 14px;
}
.block2 .top ul .icon{
    display: inline-block;
    width: 9px;
    height: 13px;
    background: url("../image/sq-icon.png") no-repeat;
    background-position:0 0;
}

.block2 .top ul .icon_up{
    background-position: -85px 0;
}
.block2 .top ul .active .icon_down{
    background-position: -59px 0;
}
.block2 .top ul .active .icon_up{
    background-position: -31px 0;
}
.block2 .top ul .active .a{
    color: #36c1ff;
}
.block2 .top ul .active span{
    color: #36c1ff;
}
.block2 .top ul .a:hover span{
    color: #36c1ff;
}
.block2 .top ul li:last-child .a{
    border-right: none;
}
.block2 .top ul li:last-child .a input{
    margin-right: 5px;
}

 .softwen .block2 .bottom .lie1 {
    border-bottom: 1px solid #eeeeee;
    line-height: 53px;
    border-top: 2px solid #36c1ff;
}
.block2 .bottom .lie1 .pull-left img{
    vertical-align: middle;
}
.block2 .bottom .lie1 .pull-left span{
    vertical-align: middle;
    font-size: 14px;
}
.block2 .bottom .lie1 .pull-left span.img{
    font-size:12px;
}
 .softwen .block2 .bottom .lie1 .left0{
    width: 50px;
    text-align: center;
}
 .softwen .block2 .bottom .lie1 .left1{
    width: 500px;
    text-align: center;
}
.softwen .block2 .bottom .lie1 .left2{
    width: 340px;
}
.softwen .block2 .bottom .lie1 .left3{
    width: 130px;
}
.softwen .block2 .bottom .lie1 .left4{
    width: 150px;
}
.softwen .block2 .bottom .lie1 .left5{
    width: 140px;
}
.softwen .block2 .bottom .lie1 .pull-left{
    position: relative;
    text-align: center;
}
.tip_box{
    position: absolute;
    top: 55px;
    background: #fcf8f1;
    padding: 10px;
    border: 1px solid #efe7d9;
    border-radius: 2px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    display: none;
}
.tip_box p{
    line-height: 18px;
    font-size: 12px;
    white-space: nowrap;
    text-align: left;
    color: #737372;
}
.yiwen:hover .tip_box{
    display: block;
}
/* .softwen .block2 .bottom .lie1 .pull-left:last-child .tip_box{*/
/*    left: inherit;*/
/*    right: 0;*/
/*    transform: none;*/
/*}*/



.softwen .lie2 .left2-1{
    width:50px;
    text-align: center;
    line-height: 110px;
}
.softwen .lie2>ul>li{
    padding: 20px  0;
    margin-bottom: 10px;
}
.softwen .lie2 .left2-2{
    width: 133px;
}
.softwen .lie2 .left2-2 .img-box{
    width: 131px;
    height: 105px;
    border: 1px solid #eeeeee;
/*    position: relative; */
	padding: 2px;
}
.softwen .lie2 .left2-2 .img-box img{
    width: 100%;
    height: 100%;
/*    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%); */
}
.softwen .lie2 .left2-3{
    width: 300px;
    padding: 0 10px 0 30px;
}
.softwen .lie2 .left2-5{
    width: 130px;
    text-align: center;
}

.softwen .lie2 .left2-3 .title span:first-child{
    display: inline-block;
    line-height: 22px;
    padding: 0 5px;
    background: #e2f6ff;
    border: 1px solid #8edcff;
    border-radius: 3px;
    color: #36c1ff;
    font-size: 12px;
}
.softwen .lie2 .left2-3 .title span:nth-child(2) a{
    font-size: 16px;
    color: #333;
    margin-left: 10px;
}
.softwen .lie2 .left2-3 .title span:nth-child(2) a:hover{
    color: #36c1ff;
}
.softwen .lie2 .left2-3 .link_box .link{
    color: #333;
    font-size: 14px;
    margin-right: 20px;
}
.softwen .lie2 .left2-3 .link_box{
    color: #666;
    line-height: 40px;
}
.softwen .lie2 .left2-3 .link_box a{
    color: #666;
    line-height: 40px;
}
.softwen .lie2 .left2-3 .link_box a:hover{
    color: #36c1ff;
}
.softwen .lie2 .left2-3 .weight_box{
    color: #666;
    font-size: 14px;
}
.softwen .lie2 .left2-3 .weight_box .weight *{
    vertical-align: middle;
}
.softwen .lie2 .left2-3 .weight_box .weight:hover{
    border-color: #36c1ff;
}
.softwen .lie2 .left2-3 .weight_box .weight{
    border: 1px solid #f0f0f0;
    line-height: 22px;
    padding: 0 8px;
    border-radius: 3px;
    display: inline-block;
}
.softwen .lie2 .left2-3 .weight_box .weight:nth-child(1){
    margin-right: 5px;
}
.softwen .lie2 .left2-3 .weight_box .weight:nth-child(2){
    margin-right: 10px;
}
.softwen .lie2 .left2-3 .included{
    font-size: 14px;
    color: #666;
}
.softwen .lie2 .left2-4{
    width: 370px;
    text-align: center;
    line-height: 29px;
    color: #666666;
    font-size: 14px;
}
.softwen .lie2 .left2-4 p span:first-child{
    color: #666;
}
.softwen .lie2 .left2-5{
    line-height: 110px;
    font-size: 14px;
	color: #666;
}
.softwen .lie2 .left2-5 .jujue{
    color: #ff4040;
}
.softwen .lie2 .left2-6{
    width: 200px;
    text-align: center;
    line-height: 110px;
    font-size: 14px;
	color: #666;
}
.softwen .lie2 .left2-6 .num{
    color: #ff4040;
}
.softwen .lie2 .left2-7{
    width: 140px;
    text-align: center;
    line-height: 110px;
}
.softwen .lie2 .left2-7 a{
    display: inline-block;
    width: 78px;
    line-height: 28px;
    border: 1px solid #36c1ff;
    border-radius: 3px;
    color: #36c1ff;
    font-size: 14px;
}
.softwen .lie2 .left2-7 a:hover,.softwen .lie2 .left2-7 a.active{
    background: #36c1ff;
    color: #fff;
}
.softwen .lie2 .left2-4 .pull-left p{
    line-height: 40px;
    font-size: 14px;
    color: #666666;
}
.softwen .lie2 .left2-4 .left3-1{
    width: 185px;
}
.softwen .lie2 .left2-4 .left3-2{
    width: 170px;
}
.softwen .lie2 .left2-4 .left3-2 .home{
    color: #36c1ff;
}
.softwen .lie2 .left2-4 .left3-2 .all_web{
    color: #00ba23;
}
.softwen .lie2 .left2-4 .left3-3{
   width: 90px;
}
.softwen .lie2 .left2-4 .left3-3 .num{
    color: #ff4040;
}
.softwen .lie2 .left2-4 .left3-4{
    width: 186px;
}
.softwen .lie2 .left2-4 .left3-4 a{
    display: inline-block;
    line-height: 28px;
    color: #666666;
    padding: 0 10px;
    border: 1px solid #d1d1d1;
    border-radius: 3px;
}
.softwen .lie2 .left2-4 .left3-4 a:hover{
    color: #36c1ff;
}
.softwen .lie2 .left2-4 .left3-4 a.active{
    color: #36c1ff;
    border: 1px solid #36c1ff;
    margin-left: 10px;
}
.softwen .lie2 .left2-4 .left3-4 a.active:hover{
    color: #333;
}
.softwen .left2-4 .more{
    text-align: center;
}
.softwen .left2-4 .more span{
    display: inline-block;
    width: 12px;
    height: 11px;
    background: url("../image/poster_icon2.png") no-repeat;
}
.softwen .left2-4 .more span.active{
    background-position: -27px 0;
}
.softwen .left2-4 {
    position: relative;
}
.softwen .left2-4 .tabs{
    position: absolute;
    width: 100%;
    z-index: 10;
    top: 90px;
    background: #fafafa;
    left: 0;
    padding: 10px;
    display: none;
}
.bulk{
    margin: 30px 0;
}
.bulk a{
    display: inline-block;
    line-height: 30px;
    padding: 0 10px;
    background: linear-gradient(to right, #4fd2fe, #36c1ff);
    border-radius: 5px;
    color: #fff;
}
.bulk a:hover{
	background: linear-gradient(to right, #41c0ff ,#41c0ff);
}
.bulk a *{
    vertical-align: middle;
}
.loading{
    min-height: 880px;
    text-align: center;
    padding-top: 95px;
    margin-bottom: 50px;
}
.no_data p{
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    margin-top: 10px;
    color: #666;
}
.block1 .classify li{
    float: left;
    border-bottom:none !important;
}
.block1 .classify ul{
    display: inline-block;
    width: 710px;
    height: 40px;
    transition: all linear .3s;
    overflow: hidden;
}
.block1 .right li a.more{
    margin-top: 10px;
}
.block1 .classify {
    font-size: 14px;
}
.block1 .classify ul{
    height:40px;
}
.block1 .classify .classfiy-auto{
    height:auto;
}

.softwen .lie2 .left2-3 p{
    padding:5px 0;
}
.softwen .lie2 .left2-3 p.weight_box>a{
    color: #666;
    float:left;
}

.softwen .lie2 .left2-3 p.weight_box>a:hover{
	color: #36C1FF;
}
.softwen .lie2 .left2-3 .weight_box .weight span{
    color: #666666;
}
.lie2 .left2-3 .title .recommend{
    width: 20px;
    height: 23px;
    display: inline-block;
    line-height: 18px;
    text-align: center;
    background: url("../image/recommend.png") no-repeat;
    color: #fff;
    font-size: 12px;
    vertical-align: middle;
    margin-top: -5px;
}
.lie2 .left2-3 .included .img{
    display: inline-block;
    width: 15px;
    height: 18px;
    background: url("../image/example.png") no-repeat;
}
.lie2 .left2-3 .included span{
    vertical-align: middle;
}
.lie2 .left2-3 .included .example span a{
	color: #36c1ff;
}
.lie2 .left2-3 .included .remarks span{
	color: #00ba23;
}
.lie2 .left2-3 .included span.remarks .img{
    background-position: -32px 0;
    margin-left: 20px;
}


/* cart1.css */
 .bx-mb-nav.cart-mb-nav{
    line-height: 80px;
}

.bx-mb-nav.cart-mb-nav p{
	width: auto;
}
.bx-mb-nav.cart-mb-nav p.pull-left{
	width: auto;
}
 .bx-mb-nav a.clear{
    display: inline-block;
    width: 100px;
    line-height: 30px;
    background: #ff4040;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #ff4040;
    transition: all linear .3s;
}
 .bx-mb-nav a.clear:hover {
    background: transparent;
    color: #ff4040 !important;
}
 .bx-mb-nav .price-change{
    color: #ff4040;
    margin-right: 10px;
    font-size: 14px;
}
.cart1 h1{display:none;}
 .cart .top{
    line-height: 42px;
    padding:  0 15px;
}

 .cart .top>div{
    float: left;
    font-size: 16px;
    color: #666;
    /* font-weight: bold; */
    text-align: center;
}
 .cart .top .lie1{
    width: 70px;
    text-align: left;
}
.cart .top .lie2{
    width: 235px;
    text-align: left;
    padding-left: 30px;
}
.cart .top .lie1 span{
    vertical-align: middle;
}
.cart .top .lie3{
    width: 230px;
    text-align: left;
    padding-left: 30px;
}
.cart .top .lie4{
    width: 120px;
}
.cart .top .lie5{
    width: 185px;
}
.cart .top .lie6{
    width: 140px;
}
.cart .top .lie7{
    width: 190px;
}
.cart .bottom>ul>li{
    margin-bottom: 15px;
}
.cart .bottom .title{
    line-height: 40px;
    border-bottom: 1px solid #eeeeee;
    padding: 0 15px;
}
.cart .bottom .title *{
    vertical-align: middle;
}
.cart .bottom .title img{
    margin: 0 7px 0 10px;
}
.cart .bottom .title span{
    font-size: 16px;
    color: #666666;
}
.item .delete{
    display: inline-block;
    width: 16px;
    height: 15px;
    background: url("../image/delete.png") no-repeat;
    background-position: -24px 0;
    margin-top: 10px;
    vertical-align: top;
}
.cart .item .delete:hover{
    background-position: 0 0;
}
.cart .cart .item .sub_title{
    text-align: left;
    margin-bottom: 10px;
}
.cart .item{
    padding: 15px;
}
.cart .item>div{
    text-align: center;
}
.cart .item .sub_title{
	text-align: left;
}
.cart .item>div:nth-child(2){
	border-bottom: 1px solid #eff0ef;
	padding-bottom: 5px;
}
.cart1 .cart .item .left1{
    width: 305px;
    text-align: left;
}
.cart1 .cart .item .left2{
    width: 230px;
    text-align: left;
}
.item .left3{
    width: 120px;
}
.item .left4{
    width: 185px;
    text-align: center;
}
.item .left5{
    width: 140px;
}
.item .left6{
    width: 190px;
}
.cart .item .pull-left p{
    font-size: 14px;
    color: #666666;
    line-height: 30px;
}
.cart .item .pull-left p.article{
    line-height: 16px;
}
.cart .item .pull-left p.price{
    color:#ff4040;
    font-size: 18px;
}
.cart .item .left6 a.setlink{
    display: inline-block;
    line-height: 30px;
    border: 1px solid #49cefe;
    text-align: center;
    width: 88px;
    border-radius: 5px;
    transition: all linear .3s;
    background: transparent;
    color: #36c1ff;
}
.cart .item .left6 a.setlink:hover{
    background: linear-gradient(to right, #4fd2fe,#36c1ff);
    color: #fff;
}
.cart .item:hover{
    box-shadow: 0px 0px 20px -3px #dbdbdb;
}
.cart .item:nth-child(n+2){
    border-top: 1px solid #efefef;
}
.item .left6 a.delete_btn{
    display: inline-block;
    line-height: 40px;
    height: 40px;
    margin-left: 20px;
}
.item .sub_title>span:nth-child(2){
    font-size: 12px;
    display: inline-block;
    line-height: 22px;
    padding:  0 6px;
    border: 1px solid #8edcff;
    background: #e2f6ff;
    border-radius: 4px;
    margin: 0 10px;
}
.cart .item .left1 .mingan{
    color: #00ba23;
}
.item .sub_title>span:nth-child(3){
    font-size: 16px;
    color: #333;
}
.item .sub_title>span:nth-child(3) a{
    color: #333;
}
.item .sub_title>span:nth-child(3) a:hover{
    color: #36c1ff;
}
.item .sub_title *{
    vertical-align: middle;
}
.item .left1>p{
    padding-left: 32px;
}
.item .left1>p a{
    color: #666;
}
.item .left1>p a:hover{
    color: #36c1ff;
}
.item .mebanner{
    background: #eff8ff;
    line-height: 40px;
    padding: 0 15px;
    text-align: left;
}

.item .mebanner{
    margin: 15px 0 10px 0;
	color: #666666;
}
.item .mebanner .mebanner1{
    width: 440px;
    padding-left: 20px;
	text-align: left;
}
.item .mebanner .cumplink{
    width: 320px;
}
.item .mebanner .cumplink a{
    color: #666;
}
.item .mebanner .cumplink a:hover{
    color: #36c1ff;
}
.item .mebanner .banner_text{
    width: 350px;
}
.item .mebanner .banner_img{
    width: 200px;
    display: inline-block;
}
.item .mebanner .banner_img img{
    vertical-align: middle;
    height:40px;
}
.item .mebanner .noset{
    color: #ff4040;
}
.item .mebanner-red{
    background: #ffefef;
}
.item .mebanner-article .mebanner1{
    width: 800px;
}
.item .banner_delete span{
    display: inline-block;
    width: 12px;
    height: 10px;
    background: url("../image/delete_icon2.png") no-repeat;
    margin-right: 25px;
}
.item .banner_delete:hover span{
    background-position: -18px 0;
}
.confirm{
    line-height: 40px;
}
.confirm .container-fixed{
    padding-left: 10px;
}
.confirm .right a{
    display: inline-block;
    width: 140px;
    line-height: 41px;
    color: #fff;
    background: linear-gradient(to right, #4fd2fe,#36c1ff);
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    margin-left: 20px;
}
.confirm .tc_link{
    color: #5fceff;
}
.confirm input{
    margin-right: 10px;
}
.confirm .chosen{
    margin-left: 80px;
}
.confirm  .num{
    font-size: 18px;
    color: #ff4040;
}
.confirm  .balance{
    margin-left: 20px;
}
.confirm *{
    vertical-align: middle;
}
.scrollfixed{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
}
.scrollfixed .container-fixed{
    box-shadow: 0px 0px 20px -5px #eee;
}


/*help.css*/


.help .bx-mb-nav p{
	line-height: 50px;
}
.help .content{
    padding-bottom: 50px;
}
.help .content .left{
    width: 220px;
    padding: 20px 0px 0 0px;
    min-height: 920px;
}
.help .content .left p{
    font-size: 16px;
    /* font-weight: bold; */
    color: #666666;
    line-height: 45px;
    padding-left: 20px;
}
.help .content .left li{
    padding-left: 50px;
    position: relative;
    border-left: 2px solid #fff;
}
.help .content .left li:before{
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background: #d1d1d1;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -2px;
}
.help .content .left li a{
    display: inline-block;
    line-height: 50px;
    font-size: 16px;
    color: #747474;
}
.help .content .left li.active{
    border-left: 2px solid #4ec8ff;
    background: #e9f9fe;
}
.help .content .left li.active:before{
    background: #36c1ff;
}
.help .content .left li.active a{
    color: #36c1ff;
}
.help .content .left li:hover{
    background: #e9f9fe;
    border-color: #4ec8ff;
}
.help .content .left li:hover a{
    color: #36c1ff;
}
.help .content .left li:hover:before{
    background: #36c1ff;
}
.help .content .right{
    width: 967px;
}
.help .content .right .big_title{
    font-size: 16px;
    color: #666666;
    /* font-weight: bold; */
    background: #eefafe;
    line-height: 56px;
    padding-left: 40px;
}
.help .content .right .title{
    border-bottom: 1px solid #f3f3f3;
    line-height: 50px;
}
.help .content .right .title *{
    vertical-align: middle;
    font-size: 16px;
    color: #FF5B0A;
}
.help .content .right .title img{
    margin-right: 10px;
}
.help .content .right .login_text p{
    line-height: 30px;
    font-size: 14px;
    margin: 10px 0;
    color: #666666;
}
.help .content .right .login_text p a{
    color:#FF9800;
}
.help .content .right .login_text img{
    display: block;
    margin: 0 auto;
}
.help .content .right .qa li{
    border-bottom: 1px solid #f3f3f3;
    padding: 10px 0;
}
.help .content .right .qa li:last-child{
    border-bottom: none;
}
.help .content .right li p{
    padding-left: 34px;
    position: relative;
    line-height: 25px;
}
.help .content .cast-table {
    width: 100%;
    margin-bottom: 54px;
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: grey;
    background-color: transparent;
    border:none;
    padding-top:20px;
}

.help .content .cast-table th {
    height: 40px;
    background: #f1f9fc;
    color: #6db3d5;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    border:none;
}
.help .content .cast-table tbody tr td {
    height: 54px;
    padding: 0 8px;
    border:none;
    border-bottom: 1px dashed #e7ecee;
}
.help .content .cast-table .cast-title {
    width: 620px;
    height: 40px;
    color: #808080;
    font-size: 14px;
    line-height: 40px;
}
.help .content .cast-table .cast-time {
    color: #b2b2b2;
    font-size: 14px;
    text-align: center;
}
.content .right li p.question{
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #333;
}
.content .right li p.answer{
    color:#666666;
}
.content .right .qa  .q_icon{
    position: absolute;
    width: 22px;
    line-height: 22px;
    color: #fff;
    text-align: center;
    display: inline-block;
    border-radius: 3px;
    left: 0;
    top: 2px;
}
.content .right .qa .question .q_icon{
    background: #36c1ff;
}
.content .right .qa .answer .q_icon{
    background: #ff9800;
}


/*login.css*/
.login-nav li{
	float: left;
	width: 20%;
}
.login-nav li a{
	font-size: 16px;
	color: #333;
	display: inline-block;
	height: 40px;
	line-height: 40px;
}
.login-nav{
	width: 700px;
}
.login-nav li.active a{
	color: #38bdff;
}
.login_page .login{
	position: relative;
	width: 100%;
}
.login_page .login .container-fixed{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -600px;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.login_page .login-box{
	float: right;
	background: #eaf8ff;
	padding: 45px 30px 25px 30px;
	width: 360px;
	box-shadow: 0px 0px 20px -3px #3bb6ec;
}
.login-box h2{
	font-size: 28px;
	font-weight: bold;
	color: #36c1ff;
	margin-bottom: 20px;
	text-align: center;
    background-image: -webkit-gradient(linear, 0 0,0 bottom, from(#4fd2fe), to(#36c1ff));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.input-box{
	border: 1px solid #dadada;
	height: 40px;
	margin-bottom: 20px;
	font-size: 0;
}
.input-box.active{
	border-color: #36C1FF;
}
.input-box span{
	display: inline-block;
	width: 38px;
	height: 38px;
	background: #f7f9fc;
	text-align: center;
	border-right: 1px solid #dadada;
	vertical-align: middle;
	position: relative;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
@media screen and (min--moz-device-pixel-ratio:0) {
	.input-box span{
		margin-top: 1px;
	}
}
.login_page   input[type=checkbox]:checked{
	background: url("../image/check-red.png")no-repeat center;
}
.input-box span img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.input-box input{
	width: calc(100% - 38px);
	height: 38px;
	border: 0;
	padding: 0 10px;
}
.dianji-box {
	width: 100%;
	height: 40px;
	border: 1px solid #dadada;
	background: #fff;
	padding-left: 3px;
}
.dianji-box span{
	display: inline-block;
	line-height: 38px;
	font-size: 14px;
	color: #666666;
	vertical-align: middle;
}
.dianji-box a{
	display: block;
	width: 100%;
}
.dianji-box img{
	vertical-align: middle;
	margin-right: 10px;
}
.login_page .password{
	line-height: 40px;
}
.login_page .password .pull-right{
	color: #333;
}
.login_page .password  span{
	color: #333;
}
.login_page .password .pull-left{
	vertical-align: middle;
}
.login_page .input-btn input{
	width: 100%;
	height: 40px;
	background: linear-gradient(to right,#4fd2fe,#36c1ff);
	color: #fff;
	border: 0;
	border-radius: 3px;
	font-size: 14px;
}
.login_page .wechat_img{
    width:165px;
    height:165px;
    margin:10px 0px 5px 60px;
    display:block;
}
.otherlogin {
	color: #333333;
	line-height: 40px;
}
.otherlogin img{
	vertical-align: middle;
}
.otherlogin a{
	margin: 8px;
}
.otherlogin a:last-child{
	margin: 0;
	display: inline-block;
	line-height: 40px;
	color: #333;
}

/*register.css*/
.register{
	padding: 20px 0 50px 0;
}
.register h1{display:none;}
.register .nav li{
	float: left;
	margin-right: 30px;
	margin-bottom: 15px;
}
.register .content{
	padding-bottom: 0px;
}
.register .container-fixed{
	padding: 40px 0;
}
.register .nav{
	width: 510px;
	padding-left: 100px;
	margin: 0 auto;
}
.register .nav li a{
	display: inline-block;
	width: 140px;
	height: 40px;
	border: 1px solid #44cafe;
	color: #36c1ff;
	text-align: center;
	line-height: 38px;
	padding: 0;
	border-radius: 3px;
	font-size: 14px;
}
.register .nav li a:hover{
	background: linear-gradient(to right,#4fd2fe,#36c1ff);
	color: #fff;
}
.register .nav li.active a{
	background: linear-gradient(to right,#4fd2fe,#36c1ff);
	color: #fff;
}
.register .input-bigbox *{
	vertical-align: middle;
}
.register .input-box{
	display: inline-block;
	border: 1px solid #dadada;
	border-radius: 3px;
	height: 40px;
	font-size: 0;
	width: calc(100% - 100px);
	line-height: 38px;
	padding: 0 10px;
	margin-left: 10px;
}

.register .input-box *{
	vertical-align: middle;
}
.register  .input-box.active{
	border: 1px solid #36C1FF;
}
.register  .input-box input{
	height: 38px;
	vertical-align: top;
	width: calc(100% - 45px);
}
.register  .input-bigbox{
	line-height: 60px;
	width: 510px;
	margin: 0 auto;
}
.register  .input-bigbox .input-name{
	display: inline-block;
	width: 80px;
	text-align: right;
	font-size: 14px;
	color: #333;
}
.register  .input-box input{
	border: none;
	outline: none;
}
.register  .input-box1{
	width: 270px;
}
.register  .input-bigbox2>a{
	display: inline-block;
	width: 120px;
	height: 40px;
	line-height: 40px;
	background: linear-gradient(to right,#4fd2fe,#36c1ff);
	color: #fff;
	font-size: 14px;
	text-align: center;
	border-radius: 3px;
	margin-left: calc(100% - 493px);
}
.register  .input-bigbox3>a{
	background: none;
}
.register  .input-box .input_submit{
	width: 100%;
	margin:0;
	font-size: 14px;
	color: #fff;
	background: linear-gradient(to right,#4fd2fe,#36c1ff);
}
.register  .input-btn .input-box{
	padding: 0;
	border-color: #4fd2fe;
}
.register  .input-bigbox .input-text{
	border: 0;
}
.register  .input-bigbox .input-text p{
	color: #333;
	font-size: 14px;
}
/* .input-bigbox .input-text p *{
	vertical-align: middle;
} */
.register  .input-bigbox .input-text p a{
	margin-left: 10px;
}
.register  .input-bigbox .input-text p  .pull-right a{
	margin-left: 0;
	color: #ff6060;
	display: inline-block;
	line-height: 38px;
	vertical-align: top;
}
.register .input-text span:last-child{
	width: auto;
	background: transparent;
	border-radius: 0;
	border: 0;
}
.register .input-bigbox .input-box{
	margin-bottom: 0;
}

/*newslist.css*/


.info{
    padding-top: 20px;
}
.info .left1{
    width: 413px;
    padding-left: 20px;
}
.info .left2{
    width: 163px;
}
.info .left3{
    width: 330px;
}
.info .left4{
    width: calc(100% - 906px);
}
.info .pull-left{
    border-right: 1px solid #eeeeee;
    padding:  10px 5px;
}
.info .pull-left:last-child{
    border-right: none;
}
.info .pull-left li{
    float:left;
}
.info .pull-left ul li:first-child a{
    color: #333;
    font-weight: bold;
}
.info .pull-left li a{
    display: inline-block;
    line-height: 25px;
    color: #666666;
    font-size: 14px;
    padding: 0 5px;
}
.info .pull-left li a:hover{
    color: #36c1ff;
}
.newlist{
    padding-bottom: 30px;
}

.newlist .left{
    width: 885px;
    padding: 20px;
}
.newlist .right{
    width: 300px;
}
.newlist .tuwen a{
	display: block;
}
.newlist .tuwen .pull-left{
    width: 295px;
    height: 167px;
    overflow: hidden;
}
.newlist .tuwen .pull-right{
    width: calc(100% - 310px);
}
.newlist .tuwen .pull-right h2{
    font-size: 16px;
    color: #555555;
    line-height: 50px;
    font-weight: bold;
}
.newlist .tuwen .pull-right p.time{
    font-size: 14px;
    color: #666666;
    line-height: 25px;
    margin-bottom: 10px;
}
.newlist .tuwen .pull-right p {
    color: #666666;
    font-size: 14px;
    line-height: 25px;
}
.newlist .left ul li{
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.newlist-mb-nav.bx-mb-nav p{
	line-height: 50px;
}
.newlist .left .pages ul li{
	padding-bottom: 0;
}
.newlist .tuwen a:hover .pull-left img{
    transition: all linear .3s;
}
.newlist .tuwen a:hover .pull-left img{
    transform: scale(1.1);
}
.newlist .tuwen a:hover .pull-right h1{
    color: #36c1ff;
}
.newlist .wenzhang .pull-right{
    width: 100%;
}
.newlist .right_gg a{
    margin-bottom: 15px;
    display: block;
}
.newlist .right_gg a img{
    width: 100%;
}
.friendlink .title>span{
    display: inline-block;
    line-height: 58px;
    font-size: 16px;
    font-weight: bold;
    padding-left: 20px;
    position: relative;
}

.friendlink .title>span:before{
    content: '';
    width: 5px;
    height: 26px;
    background: #36c1ff;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.friendlink .title a{
    display: inline-block;
    line-height: 56px;
    padding-right: 10px;
}
.friendlink .title a *{
    vertical-align: middle;
}
.friendlink .content .left1{
    width: 140px;
    text-align: center;
}
.friendlink .content .left2{
    width: 80px;
    text-align: center;
}
.friendlink .content .left3{
    width: 80px;
    text-align: center;
}
.friendlink .content li:first-child{
    color: #333;
}
.friendlink .content li{
    line-height: 38px;
    border-top: 1px solid #f1f3f7;
}
.friendlink .content li:last-child{
    border-bottom: 1px solid #f1f3f7;
}
.friendlink .content li:nth-child(2n){
    background: #ffffff;
}
.friendlink .content li:nth-child(2n+1){
    background: #f7f9fc;
}
.friendlink .content li .weight{
    border: 1px solid #f1f3f7;
    border-radius: 3px;
    line-height: 22px;
    padding: 0 5px;
    display: inline-block;
}
.friendlink .content li .weight *{
    vertical-align: middle;
    margin: 0;
}
.friendlink .content li a:hover .weight{
    border-color: #36c1ff;
}
.friendlink .content li .left1{
    color: #666666;
}
.friendlink .content li .left1:hover{
    color: #36c1ff;
}
.friendlink .title.remen{
    margin-top: 20px;
}
.friendlink .content2{
    padding-bottom: 10px;
}
.friendlink .content2 li span:nth-child(2){
    display: inline-block;
    line-height: 37px;
    width: calc(100% - 45px);
    color: #747474;
    font-size: 14px;
    vertical-align: middle;
}
.friendlink .content2 li a{
    display: inline-block;
    line-height: 37px;
    padding-left: 15px;
    width: 100%;
}
.friendlink .content2 li a span:first-child{
    display: inline-block;
    line-height: 19px;
    width: 19px;
    background: #c8c8c8;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    margin-right: 10px;
    vertical-align: middle;
}
.friendlink .content2 li:first-child a span:first-child{
    background: #ff4040;
}
.friendlink .content2 li:nth-child(2) a span:first-child{
    background: #ffac40;
}
.friendlink .content2 li:nth-child(3) a span:first-child{
    background: #36c1ff;
}
.friendlink .content2 li a:hover span:nth-child(2){
    color: #36c1ff;
}


/* newsdetail.css*/
.info{
    padding-top: 20px;
}
.info .left1{
    width: 413px;
    padding-left: 20px;
}
.info .left2{
    width: 163px;
}
.info .left3{
    width: 330px;
}
.info .left4{
    width: calc(100% - 906px);
}
.info .pull-left{
    border-right: 1px solid #eeeeee;
    padding:  10px 5px;
}
.info .pull-left:last-child{
    border-right: none;
}
.info .pull-left li{
    float:left;
}
.info .pull-left ul li:first-child a{
    color: #333;
    font-weight: bold;
}
.info .pull-left li a{
    display: inline-block;
    line-height: 25px;
    color: #666666;
    font-size: 14px;
    padding: 0 5px;
}
.info .pull-left li a:hover{
    color: #36c1ff;
}
.newlist{
    padding-bottom: 30px;
}
.newlist .right{
    width: 300px;
}
.newlist .right_gg a img{
    width: 100%;
}
.friendlink .title>span{
    display: inline-block;
    line-height: 58px;
    font-size: 16px;
    font-weight: bold;
    padding-left: 20px;
    position: relative;
}

.friendlink .title>span:before{
    content: '';
    width: 5px;
    height: 26px;
    background: #36c1ff;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.friendlink .title a{
    display: inline-block;
    line-height: 56px;
    padding-right: 10px;
}
.friendlink .title a *{
    vertical-align: middle;
}
.friendlink .content .left1{
    width: 140px;
    text-align: center;
}
.friendlink .content .left2{
    width: 80px;
    text-align: center;
}
.friendlink .content .left3{
    width: 80px;
    text-align: center;
}
.friendlink .content li:first-child{
    color: #333;
}
.friendlink .content li{
    line-height: 38px;
    border-top: 1px solid #f1f3f7;
}
.friendlink .content li:last-child{
    border-bottom: 1px solid #f1f3f7;
}
.friendlink .content li:nth-child(2n){
    background: #ffffff;
}
.friendlink .content li:nth-child(2n+1){
    background: #f7f9fc;
}
.friendlink .content li .weight{
    border: 1px solid #f1f3f7;
    border-radius: 3px;
    line-height: 22px;
    padding: 0 5px;
    display: inline-block;
}
.friendlink .content li .weight *{
    vertical-align: middle;
    margin: 0 2px;
}
.friendlink .content li a:hover .weight{
    border-color: #36c1ff;
}
.friendlink .content li .left1{
    color: #666666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-left: 10px;
}
.friendlink .content li .left1:hover{
    color: #36c1ff;
}
.friendlink .title.remen{
    margin-top: 15px;
}
.friendlink .content2{
    padding-bottom: 10px;
}
.friendlink .content2 li span:nth-child(2){
    display: inline-block;
    line-height: 37px;
    width: calc(100% - 45px);
    color: #747474;
    font-size: 14px;
    vertical-align: middle;
}
.friendlink .content2 li a{
    display: inline-block;
    line-height: 37px;
    padding-left: 15px;
    width: 100%;
}
.friendlink .content2 li a span:first-child{
    display: inline-block;
    line-height: 19px;
    width: 19px;
    background: #c8c8c8;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    margin-right: 10px;
    vertical-align: middle;
}
.friendlink .content2 li:first-child a span:first-child{
    background: #ff4040;
}
.friendlink .content2 li:nth-child(2) a span:first-child{
    background: #ffac40;
}
.friendlink .content2 li:nth-child(3) a span:first-child{
    background: #36c1ff;
}
.friendlink .content2 li a:hover span:nth-child(2){
    color: #36c1ff;
}


.newdetail .left .title{
    border-bottom: 1px solid #f3f3f3;
    text-align: center;
}
.newdetail .left .title h1{
    font-size: 22px;
    color: #333;
    margin-bottom: 20px;
    margin-top: 10px;
}
.newdetail .left .title p{
    font-size: 14px;
    color: #a1a1a1;
    margin-bottom: 25px;
}
.newdetail .left .content{
    padding: 30px;
}
.newdetail .left .page{
    border-top: 1px solid #f3f3f3;
}
.newdetail .left .page>div{
    width: 50%;
    padding: 0 20px;
}
.newdetail .left .page>div a{
    font-size: 16px;
    color: #666666;
    display: inline-block;
    line-height: 40px;
    margin-top: 10px;
    width: 100%;
}
.newdetail .left .page>div a:hover{
    color: #36c1ff;
}




/*404.css*/
.notfound{
	position: relative;
}
.notfound p{
	position: absolute;
	bottom: 5%;
	left: 50%;
	transform: translateX(-50%);
	color: #333;
	font-size: 30px;
}


/*websitedetail.css*/

.website .bx-mb-nav p{
	line-height: 50px;
}

.website .block1 .left{
	width: 910px;
	padding: 20px;
	height: 230px;
}
.website .block1 {
	padding-bottom: 15px;
}
.website .block1 .right{
	width: calc(100% - 925px);
	padding: 10px;
	height: 230px;
}
.website .block1 .left .img{
	width: 235px;
	height: 190px;
	border: 1px solid #eeeeee;
	padding: 3px;
}
.website .block1 .left .img img{
	width: 100%;
	height: 100%;
}
.website .block1 .left .text{
	width: calc(100% - 235px);
	padding-left: 20px;
}
.website .block1 .left .text h1 a{
	font-size: 16px;
	color: #36c1ff;
	line-height: 30px;
}
.website .block1 .left .text p.liank a{
	display: inline-block;
	font-size: 14px;
	color: #666;
}
.website .block1 .left .text p {
	color: #666;
	font-size: 14px;
	line-height: 25px;
	margin-bottom: 2px;
}
.website .block1 .left .text p a:hover{
	color: #36c1ff;
}
.website .block1 .left .shoulu a{
	margin: 0 5px;
}
.website .block1 .left .text .dianzan a *{
	vertical-align: middle;
}
.website .block1 .left .text .dianzan a span{
	display: inline-block;
	line-height: 25px;
	margin-left: 5px;
}
.website .block1 .left .text .dianzan a:last-child{
	margin-left: 20px;
}
.website .block1 .left .text .dianzan{
	margin-bottom: 0;
}
.website .block1 .right .ul1{
	border-bottom: 1px solid #d6d6d6;
}
.website .block1 .right .ul1 li{
	float: left;
	width: 33.3%;
	text-align: center;
}
.website .block1 .right .ul1 li p:first-child{
	font-size: 16px;
	color: #38bdff;
	line-height: 30px;
}
.website .block1 .right .ul1 li p:nth-child(2){
	font-size: 14px;
	color: #666;
	line-height: 60px;
}
.website .block1 .right .ul2 li{
	width: 50%;
	float: left;
	text-align: center;
	margin-bottom: 25px;
}
.website .block1 .right .ul2{
	padding-top: 20px;
}
.website .block1 .right .ul2 li a{
	display: inline-block;
	width: 100px;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	color: #666;
	border: 1px solid #cbcbcb;
	border-radius: 3px;
	text-align: center;
}
.website .block1 .right .ul2 li a:hover{
	border-color: #36c1ff;
	color: #36c1ff;
}
.website .block2{
	padding-bottom: 15px;
}
.website .block2 table{
	width: 100%;
	text-align: center;
}
.website .block2 .container-fixed{
	padding: 20px;
}
.website .block2 table tr td *{
	vertical-align: middle;
}
.website .block2 table tr td  img{
	margin-left: 8px;
}
.website .block2 table tr td a{
	color: #666666;
}
.website .block2 table tr td{
	color: #666666;
    height: 50px;
}

.website .title .pull-left{
	font-size: 16px;
	color: #333;
}
.website .title .pull-right a{
	display: inline-block;
	height: 30px;
	line-height: 28px;
	border: 1px solid #36c1ff;
	border-radius: 3px;
	text-align: center;
	width: 60px;
	color: #36C1FF;
}
.website .title .pull-right a:hover{
	background: #36c1ff;
	color: #fff;
}
.website .block3{
	padding-bottom: 15px;
}
.website .block3 .content{
	margin-top:20px
}
.website .block3 .content table tr td:first-child{
	background: #eff8ff;
	width: 200px;
	text-align: center;
	color: #666;
}
.website .block3 .content table tr td{
	height: 50px;
	color: #666666;
	padding: 0 20px;
}
.website .block4 .col-md-4{
	padding: 0 7px;
}
.website .block4 .row{
	margin: 0 -7px;
}
.website .block4 .col-md-4>div{
	padding: 20px;
}
.website .block4 .title .pull-left span{
	color: #36c1ff;
}
.website .block4 .title .pull-right span{
	display: inline-block;
	line-height: 30px;
	margin-right: 20px;
	color: #666666;
}
.website .block4{
	padding-bottom: 15px;
}
.website .block4 .content{
	margin-top: 20px;
}
.website .block4 .content p{
	line-height: 40px;
	color: #666666;
	font-size: 14px;
}
.website .block4 .content p span{
	color: #666;
}
.website .block5{
	padding-bottom: 15px;
}
.website .block5 .container-fixed{
	padding: 20px;
}
.website .block1 .title{
    padding-bottom: 10px;
}
.website .block5 .title .pull-left,.website .block1 .title .pull-left{
	padding-left: 20px;
	position: relative;
}
.website .block5 .title .pull-left:before,.website .block1 .title .pull-left:before{
	content: '';
	width: 5px;
	height: 26px;
	background: #36c1ff;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.website .block5 .title .pull-right a{
	width: 80px;
}
.website .block5 .content{
	margin-top: 20px;
}
.website .block5 .content li{
	float: left;
	width: 14.2%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.website .block5 .content li:nth-child(n+8){
	margin-top: 30px;
}
.website .block5 .content li span:first-child{
	display: inline-block;
	width: 24px;
	height: 18px;
	color: #fff;
	font-style: italic;
	background: #36c1ff;
	text-align: center;
	line-height: 18px;
	border-radius: 2px;
}
.website .block5 .content li span:nth-child(2){
	color: #666;
	display: inline-block;
	margin-left: 10px;
	width: calc(100% - 40px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
}
.website .block6{
	padding-bottom: 20px;
}
.website .block6 .container-fixed{
	padding: 25px;
}
.website .block6 ul li{
	float: left;
	width: 25%;
	padding-left: 20px;
}
.website .block6 ul li .left{
	margin-right: 10px;
}
.website .block6 ul li .right p:first-child{
	font-size: 16px;
	margin-bottom: 5px;
	color: #333;
}
.website .block6 ul li .right p:nth-child(2){
	font-size: 14px;
	color: #666666;
}

.add_cart_popup .content {
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

/*password.css*/

.password_change .password{
	padding: 30px 0 50px 0;
}
.password_change .password .container-fixed{
	padding: 40px 110px;
}
.password_change .password h1{
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 30px;
}
 .password_change .password ul li{
	float: left;
	width: 50%;
	text-align: center;
	position: relative;
}
.password ul li:before{
	content: '';
	width: 100%;
	height: 8px;
	background: #dfdfdf;
	position: absolute;
	left: 0;
	z-index: 0;
}
.password ul li span{
	position: absolute;
	width: 26px;
	height: 26px;
	line-height: 26px;
	border-radius: 13px;
	background: #dfdfdf;
	left: 50%;
	transform: translateX(-50%);
	margin-top: -9px;
	color: #666666;
}
.password ul li p{
	margin-top: 30px;
	font-size: 16px;
}
.password ul li:first-child:before{
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.password ul li:nth-child(2):before{
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.password ul li.active:before{
	background: #36c1ff;
	border-radius: 8px;
}
.password ul li.active span{
	background: #36c1ff;
	color: #fff;
}
.password ul li.active p{
	color: #36C1FF;
}
.password_change .password .content{
	width: 400px;
	margin: 0 auto;
	margin-top: 40px;
}
.password_change .input-box{
	margin: 15px 0;
	border: 1px solid #dfdfdf;
	height: 36px;
	padding: 0 10px;
}
.password_change .input-box.active{
	border-color: #36c1ff;
}
.password_change .input-box *{
	vertical-align: middle;
}
.password_change .input-box input{
	border: none;
	outline: none;
	height: 34px;
	margin-left: 10px;
	width: calc(100% - 45px);
}
.password_change .input-box2{
	width: 100%;
}
.password_change .input-box2 .input-box{
	width: 278px;
	display: inline-block;
}
.password_change .input-box2>a{
	display: inline-block;
	vertical-align: middle;
	margin-left: calc(100% - 384px);
}
.password_change .input-box3>a{
	display: inline-block;
	width: 102px;
	height: 36px;
	line-height: 36px;
	color: #797979;
	background: #dfdfdf;
	font-size: 14px;
	text-align:center;
	border-radius: 3px;
}
.password_change .input-btn input{
	width: 100%;
	background: linear-gradient(to right,#4fd2fe,#36c1ff);
	border: none;
	height: 40px;
	line-height: 40px;
	border-radius: 3px;
	font-size: 14px;
	color: #fff;
}
.password_change .radio-box{
	font-size: 14px;
	color: #666;
}
.radio-box span:first-child{
	margin-right: 10px;
	display: inline-block;
}
.radio-box .radio-text{
	display: inline-block;
	margin-right: 30px;
	margin-left: 5px;
}
.radio-box  input{
	margin:  0;
}




/*popup.css*/

html{
    height: 100%;
}
body{
    height: 100%;
}


.popup0 .content{
	width: 400px;
}
.popup .title{
    line-height: 55px;
    border-bottom: 1px solid #f1f3f7;
    padding: 0 10px 0 20px;
    font-size: 16px;
    color: #666;
}
.popup .title a{
    padding:  0 10px;
	font-size: 20px;
    color: #666;
}
.popup .title a img{
    vertical-align: middle;
}
.popup .content2{
    text-align: center;
    padding-top: 30px;
}
.popup .content2 .join_success span{
    font-size: 26px;
    color: #333;
}
.popup .content2 .join_success{
    margin-bottom: 25px;
}
.popup .content2 .join_text{
    font-size: 16px;
    color: #666666;
}
.popup .content2 .join_text p{
    line-height: 28px;
}
.popup .content2 .join_text p .num{
    color: #ff4040;
}
.popup .content2 .button_div{
    margin-top: 30px;
}
.popup .content2 .button_div a{
    display: inline-block;
    line-height: 30px;
    border-radius: 3px;
/*    border: 1px solid #41c0ff; */
    width: 100px;
    text-align: center;
    margin: 0 15px;
    color: #38bdff;
    font-size: 14px;
	background: url(../image/btn_bg_03.png);
	background-size: 100% 100%;
}
 .popup .content2 .button_div a:hover{
    background: linear-gradient(to right, #4fd2fe ,#36c1ff);
    color: #FFF;
}
.popup .content2 .button_div a.btn_bg{
	background: linear-gradient(to right, #4fd2fe ,#36c1ff);
	color: #FFF;
/* 	transition: all linear .2s; */
}
 .popup .content2 .button_div a.btn_bg:hover{
	background: linear-gradient(to right, #41c0ff ,#41c0ff);
}
.popup4 .content3{
	overflow-y: scroll;
	width: 100%;
	height: 400px;
    padding:0 10px;
}
.popup2 .content{
    width: 620px;
    height: 520px;
}
.popup2 .content2{
    padding: 0 20px;
}
.popup2 .content2 .title{
    text-align: left;
    font-size: 16px;
    color: #38bdff;
    line-height: 45px;
    padding-left: 0;
}
.popup2 .content2 .text ul li{
    float: left;
    width: 33.3%;
    line-height: 28px;
    color: #666666;
    text-align: left;
    font-size: 14px;
}
.popup2 .content2 .text ul li .name{
    color: #666;
}
.popup2 .content2 .text p{
    font-size: 14px;
    color: #666;
    text-align:left;
}
.popup2 .content2 .text p .name{
    color: #666;
}
.popup2 .content2 .myweb{
    text-align: left;
    line-height: 40px;
    font-size: 14px;
    color: #666666;
}
.popup2 .content2 .myweb span{
    display: inline-block;
	color: #666;
}
.popup2 .content2 .myweb select{
    font-size: 10px;
}
.popup3 .title{
	background: #edf0f2;
	line-height: 50px;
	font-size: 14px;
	color: #333;
}

.popup3 .content2{
	padding: 30px 20px;
}
.popup3 .content2 input[type="text"]{
	width: 100%;
	height: 30px;
	border: 1px solid #e2e2e2;
	text-indent: 10px;
	margin-bottom: 15px;
}
.popup3 .content2 .info{
	color: #46c9fc;
	text-align: left;
}
.popup3 .content{
	height: auto;
}
.popup3 .content2 .mingan{
	color: #666;
	text-align: left;
	line-height: 30px;
	font-size: 14px;
}
.popup3 .content2 .mingan input{
	margin-left: 10px;
	margin-right: 5px;
	margin-top: 0;
}
.popup3 .content2 .mingan *{
	vertical-align: middle;
}

.popup4 .content{
	width: 100%;
	height: auto;
	padding-bottom: 20px;
}
.popup4 .content .title{
	color: #333;
	font-size: 14px;
	line-height: 50px;
	background: #edf0f2;
}
.popup4 .content2{
	padding: 0 20px;
}
.popup4 .content2 .lie1>li{
	margin: 10px 0;
}
.popup4 .content2 .lie1>li>a{
	display: block;
	width: 100%;
	height: 88px;
	background: url(../image/tpgg1.png);
	background-size: 100% 100%;
	padding: 5px;
}
.popup4 .content2 .lie1>li>div{
	display: block;
	width: 100%;
	height: 88px;
	background: url(../image/tpgg1.png);
	background-size: 100% 100%;
	padding: 5px;
	cursor: pointer;
}
.popup4 .content2 .lie2>li{
	float:left;
	width: 50%;
	text-align: left;
	color: #666666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 10px;
}
.popup4 .content2 .left{
	width: 470px;
	padding: 10px;
}
.popup4 .content2 .lie1>li>a .img{
	height: 78px;
	margin-top: 5px;
}
.popup4 .content2 .lie1>li>div .img{
	height: 78px;
	margin-top: 5px;
}
.popup4 .content2 .lie1>li>div .img img{
    width:270px;
    height:60px;
}
.popup4 .content2 .lie1>li>a .right2 span{
	margin: 5px 2px;
	display: inline-block;
}
.popup4 .content2 .lie1>li>div .right2 a{
	margin: 5px 2px;
	display: inline-block;
	background: none;
}
.popup4 .content2 .lie1>li.active a{
	background: url(../image/tpgg1_active.png);
	background-size: 100% 100%;
}
.popup4 .content2 .lie1>li.active>div{
	background: url(../image/tpgg1_active.png);
	background-size: 100% 100%;
}
.popup4 .content2 .lie1>li.tj p{
	font-size: 40px;
	color: #d8d8d8;
	line-height: 78px;
	text-align: center;
}
.popup5 .title{
	color: #333;
	font-size: 14px;
	line-height: 50px;
	background: #edf0f2;
}
.popup5 .content{
	width: 100%;
	height: auto;
	padding-bottom: 20px;
}
.popup5 .content2{
	padding: 10px 20px;

}
.popup5 .content .lie1 li div{
	display: inline-block;
	width: 100%;
	height: 60px;
	background: url(../image/set_2.png);
	background-size: 100% 100%;
	padding: 5px;
	position: relative;
	cursor: pointer;
}
.popup5 .content .lie1 li div .tjgg{
	position: absolute;
	top: 10px;
	right: 12px;
}
.popup5 .content .lie1 li div .tjgg1{
	right: 31px;
}
.popup5 .content .lie1{
	height: 382px;
	overflow-y: scroll;
	overflow-x: hidden;
}
.popup5 .content .lie1 li{
	float: left;
	padding: 10px;
/* 	margin: 10px ; */
	width: 33.3%;
}
.popup5 .content2 p{
	text-align: left;
	color: #666666;
	font-size: 14px;
	padding: 0 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.popup5 .content2 p:first-child{
	margin-top: 3px;
}
.popup5 .content2 .lie1 li.active div{
	background: url(../image/set_1.png);
	background-size: 100% 100%;
}
.popup5  .content2 .lie1>li.tj p{
	font-size: 40px;
	color: #d8d8d8;
	line-height: 40px;
	text-align: center;
}
.popup5  .content2 .button .pull-left a{
	color: #7f8c92;
	background: none;
	border: 1px solid #a4a4a4;
}
.popup5  .content2 .button .pull-left a:hover{
	color: #36c1ff;
	border-color: #36c1ff;
	background: none;
}
.popup5  .content2 .button input[type="checkbox"]{
	margin-right: 5px;
}
.popup6 .title{
	color: #333;
	font-size: 14px;
	line-height: 50px;
	background: #edf0f2;
}
.popup6 .content{
	width: 100%;
	height: auto;
}
.popup6 .content2{
	padding: 20px;
}
.popup6 .content2 .item{
	margin-bottom: 10px;
}
.popup6 .item .left a{
	position: relative;
	display: inline-block;
	line-height: 25px;
}
.popup6 .item .left a div{
	position: absolute;
	width: 220px;
	height: auto;
	border: 1px solid #eee6d8;
	border-radius: 3px;
	background: #fcf8f1;
	padding: 10px;
	top: -70px;
	left: -24px;
	line-height: 20px;
	display: none;
	color: #a8a7a6;
}
.popup6 .item .left a:hover div{
	display: block;
}
.popup6 .item .left a div:before{
	content: '';
	width: 0;
	height: 0;
	border: 10px solid;
	border-color: #eee6d8 transparent transparent transparent ;
	 position: absolute;
	 bottom: -19px;
	 left:20px;
}
.popup6 .item .left a div:after{
	content: '';
	width: 0;
	height: 0;
	border: 9px solid;
	border-color: #fcf8f1 transparent transparent transparent ;
	 position: absolute;
	 bottom: -17px;
	 left:20px;
}
.popup6 .content2 .item .left span{
	font-size: 14px;
	color: #333;
	margin-right: 2px;
	display: inline-block;
	line-height: 40px;

}
.popup6 .content2 .item .left img{
	vertical-align: middle;
}
.popup6 .content2 .item .right input{
	width: 100%;
	height: 40px;
	border: 1px solid #e2e2e2;
	border-radius: 3px;
	text-indent: 10px;
}
.popup6 .content2 .item .right{
	margin-left: 20px;
	width: calc(100% - 100px);
	text-align: left;
}
.popup6 .content2 .item2 .right{
	width: calc( 100% - 300px);
	text-align: left;
}
.popup6 .content2 .item .right input[type="radio"]{
	width: auto;
	margin-top: 0;
	margin-left: 20px;
	margin-right: 5px;
}

.dropdown-menu a{
    border:none !important;
}

.dropdown-menu li:hover{
    background: #3EB5F6;
}
.dropdown-menu li:hover a{
    color:#FFF;
}

.resource-table td{
    background: #FFF;
    border:none !important;
}
.plr0{
    padding:0 !important;
}
.resource-table table tr th {
    background: #f7f7f7;
    font-size: 14px;
    color: #808080;
    font-weight: normal;
    text-align: center;
}

.resource-table tbody tr td .thead {
    text-align: left;
    background: #f6f6f6;
    height: 40px;
    line-height: 40px;
}

.resource-table tbody tr td .thead span {
    color: #B3B3B3;
}

.resource-table tbody tr td .thead span {
    margin-left: 20px;
}

.resource-table tbody tr td .thead span i {
    font-style: normal;
    color: #555555;
}

.resource-table tbody tr td .listname {
    float: left;
    width: 100%;
}

.icon-gogo {
    display: block;
    width: 75px;
    height: 73px;
    margin: 97px auto 18px;
    background: url(../image/icon_web.png) -145px -255px no-repeat;
}
.icon-gogo-text {
    color: #ff6600;
    font-size: 26px;
    text-align: center;
    line-height: 1;
    margin: 0 auto 77px;
}
.yellowtext p {
    font-size: 16px;
    color: #ff6600;
}
.yellowtext div{
    font-size:14px;
}
.submit-result{
    background: #FFF;
}


/*网站详情*/
.con_index_bottom{
    clear: both;
    padding-top:10px;
}
.con_index_bottom li {
    width: 178px;
    height: 116px;
    border-radius: 5px;
    border: 1px solid #eee;
    background: url(../image/friend_link.png) no-repeat 20px 20px;
    padding: 20px;
    float: left;
    margin-right: 18px;
}
.con_index_bottom li:last-child{
    margin-right:0;
}
.con_index_bottom h4{
    color:#4b97fe;
    margin-bottom: 30px;
    font-size:16px;
    text-align: right;
}
.con_index_bottom .dir_sell {
    background: url(../image/dir_icon.png) no-repeat 20px 20px;
}
.con_index_bottom .text_ad {
    background: url(../image/text_ad.png) no-repeat 20px 20px;
}
.con_index_bottom .pic_ad {
    background: url(../image/pic_ad.png) no-repeat 20px 20px;
}
.con_index_bottom .link_exchange {
    background: url(../image/link_change.png) no-repeat 20px 20px;
}
.con_index_bottom .text_trade {
    background: url(../image/icon_rwjy.png) no-repeat 20px 20px;
}
.con_index_money {
    line-height: 28px;
    font-size: 14px;
    color: #ff6633;
}

.con_index_money .con_buy {
    padding: 0 10px;
    height: 28px;
    line-height:28px;
    border: 1px solid #36c1ff;
    color: #36C1FF;
    display: inline-block;
    text-align: center;
    float: right;
    border-radius: 5px;
    cursor: pointer;
}
.con_index_money .unbuy, .con_index_money .unbuy:hover {
    color: #CBCBCB;
    border: 1px solid #CBCBCB;
    background: none;
}




.ad-text {
    position: relative;
    margin:0 auto;
    border: 1px solid #ebebeb;
    background: #ffffff;
    width:1200px;
}
.ad-mark {
    position: absolute;
    bottom:0;
    right:0;
    height:17px;
}
.ad-text {
    overflow: hidden;
}
.ad-text ul {
    overflow: hidden;
    width: 100%;
}
.ad-text li {
    float: left;
    overflow: hidden;
    width: 196px;
    list-style: none;
    cursor: pointer;
    padding-left:10px;
}
.ad-text li span {
    float: left;
    width: 14%;
    height: 25px;
    color: #666;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    font-weight: 700;
}
.ad-text li:nth-child(-n+3) span{
    color:#D14836;
}
.ad-text li a {
    float: left;
    height: 25px;
    color: #666;
    font-size: 13px;
    line-height: 24px;
    text-decoration: none;
    cursor: pointer;
}
.ad-text li:hover a, .ad-text li:hover span,.ad-text .active a,.ad-text .active span{
    color:#fff !important;
}
.ad-text li a:hover {
    text-decoration: none;
}
.ad-text li:hover,.ad-text .active {
    background: rgb(97,96,96);
}
.ad-text li:nth-child(-n+3):hover,.ad-text .active:nth-child(-n+3){
    background: #D14836;
}

.ad-mark{
    color:#999;
    font-size:12px;
}